.mainContainer{caret-color:auto;height:100%;position:absolute;width:100%}.mainContainer,.titleContainer{align-items:center;flex-direction:column}.titleContainer{display:flex;font-size:64px;font-weight:bolder;justify-content:center}.historyItem,.resultContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:400px}.historyContainer{flex-grow:5;height:200px;justify-content:flex-start}.historyContainer,.loginWrapper{align-items:center;display:flex;flex-direction:column}.loginWrapper{border-radius:8px;height:auto;left:50%;min-height:400px;padding:2rem;position:absolute;top:75%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loginImage{bottom:0;display:block;height:100%;margin-bottom:1rem;object-fit:fill;position:absolute;width:100%;z-index:-1}.inputContainer{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:1rem;width:90%}.inputBox{border:1px solid #ccc;border-radius:4px;margin-bottom:.5rem;padding:.5rem;width:100%}.errorLabel{color:red;font-size:.875rem}.buttonContainer{display:flex;gap:1rem}.inputButton{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.inputButton.createUser,.inputButton.login{background-image:url(/static/media/CCbackground1.6c31f643b5f3f6c26aaa.webp);color:#fff}.buttonContainer_CreateUser{display:flex;gap:1rem}@media (max-width:768px){.loginWrapper{top:50%}}@media (max-width:480px){.loginWrapper{top:60%}}@font-face{font-family:eskargot;font-style:normal;font-weight:400;src:url(/static/media/ESKARGOT.c981f9b7145f4aa16f81.ttf) format("truetype")}@font-face{font-family:Brain;font-style:normal;font-weight:400;src:url(/static/media/Super-Brain.7db672a05e1d3f2f4017.ttf) format("truetype")}@font-face{font-family:Aqua;font-style:normal;font-weight:400;src:url(/static/media/Aqua-Wow.0dd583e1526229e799c3.ttf) format("truetype")}body{caret-color:transparent;height:100vh;overflow:hidden;padding:0}.background-container{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:-1}.background{height:100%;object-fit:cover;width:100%}*{box-sizing:border-box}main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:5rem 0}code{background:#fafafa;border-radius:5px;font-family:Menlo,Monaco,Lucida Console,Courier New,monospace;padding:.75rem}.gameScreen{height:100vh;position:relative;width:100%;z-index:1}.gameContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}input{font:small-caption;font-size:16px}.CC_Logo{display:block;height:40vw;left:35%;margin:0 auto;max-height:300px;position:absolute;top:5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 1s ease;width:auto}.CC_Logo.moved{height:100px;left:0;top:0;-webkit-transform:translate(0);transform:translate(0)}.CC_LogoUtenC{display:block;height:40vw;left:65%;margin:0 auto;max-height:300px;position:absolute;top:5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}@media (min-width:799px){input{font:small-caption;font-size:20px}}@media (max-width:340px){.CC_Logo{left:20%;top:5%}}@media (max-width:390px){.CC_Logo{left:20%;top:5%}}@media (max-width:800px){.CC_Logo{left:20%;top:5%}}@media (max-width:799px){.gameContainer{justify-content:flex-start}}@media (min-width:800px){.CC_Logo{left:25%;top:5%}}@media (min-width:900px){.CC_Logo{left:28%;top:5%}}@media (min-width:1000px){.CC_Logo{left:35%;top:5%}}@media (min-width:1200px){.CC_Logo{left:38%;top:5%}}@media (min-width:1400px){.CC_Logo{left:40%;top:5%}.CC_LogoUtenC{left:65%;top:5%}}@media (min-width:1600px){.CC_Logo{left:40%;top:5%}.CC_LogoUtenC{left:62%;top:5%}}@media (min-width:1800px){.CC_Logo{left:40%;top:5%}.CC_LogoUtenC{left:60%;top:5%}}@media (min-width:2000px){.CC_Logo{left:43%;top:5%}.CC_LogoUtenC{left:60%;top:5%}}@media (min-width:2400px){.CC_Logo{left:45%;top:5%}.CC_LogoUtenC{left:60%;top:5%}}@media (min-width:2800px){.CC_Logo{left:45%;top:5%}.CC_LogoUtenC{left:58%;top:5%}}@media (min-width:3200px){.CC_Logo{left:45%;top:5%}.CC_LogoUtenC{left:56%;top:5%}}.mainContainer{background-image:url(/static/media/CCbackground1.6c31f643b5f3f6c26aaa.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Arial,sans-serif;text-align:center}.createUserButton{left:38.8%;opacity:.9;position:absolute;top:65%;width:17.5vw}.titleContainer{color:#333;font-size:2em;margin:20px 0}.buttonContainer{bottom:-11.2%;margin-top:20px;position:relative}.playButtonLanding{align-items:center;background:url(/static/media/Play_knapp_sheet2.fc3c49ecb458c8e86aa8.png) 0 0 no-repeat;background-size:1500px 100px;display:flex;height:100px;justify-content:center;opacity:.7;padding:10px;position:absolute;top:650px;transition:opacity .5s ease;width:300px}@media (max-height:1200px){.playButtonLanding{background-size:1250px 150px;height:150px;top:62%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:250px}}@-webkit-keyframes playAnimation{0%,to{background-position:0 0}25%{background-position:-300px 0}50%{background-position:-600px 0}75%{background-position:-900px 0}to{background-position:-1200px 0}}@keyframes playAnimation{0%,to{background-position:0 0}25%{background-position:-300px 0}50%{background-position:-600px 0}75%{background-position:-900px 0}to{background-position:-1200px 0}}.inputButton:hover{-webkit-animation:playAnimation .5s steps(1) infinite;animation:playAnimation .5s steps(1) infinite;opacity:1}.floating-button{background-color:#3498db;border:none;color:#fff;cursor:pointer;padding:20px;position:absolute;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.interactive_animation{cursor:pointer;position:absolute;right:20%;z-index:999}.animation-box{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.animation-box img{height:auto;max-width:100%}.GameBoard{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.chessboard.Black,.chessboard.Black .square.ability:before,.chessboard.Black .square.capture:before,.chessboard.Black .square.couple:after,.chessboard.Black .square.push:after,.chessboard.Black .square.stun:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.chessboard-wrapper{align-items:center;aspect-ratio:1/1;display:flex;flex:auto;height:auto;justify-content:center;max-height:90vmin;max-width:90%;max-width:90vmin;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.chessboard-wrapper:before{content:"";display:block;padding-bottom:100%}.chessboard{-webkit-touch-callout:none;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:auto;left:0;position:absolute;top:0;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:1}.chessboard.flip,.chessboard.flip .square{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.square{align-items:center;display:flex;font-size:2px;height:100%;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.square.light{background-color:#dcd3d3;color:#000}.square.dark{background-color:#3d3434;color:#fff}.square.selected{background-color:#4a91e2;color:#fff;font-size:smaller;font-weight:700}.square.ability:before{background-color:rgba(0,255,0,.5);border-radius:50%;content:"";display:block;height:4%;margin:25%;position:absolute;width:4%}.square.push,.square.push.black{position:relative;z-index:2}.square.push.black{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.square.push:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAnFJREFUeF7tm0F2wyAMROPL9Qg9irdttjlKj9DLpY8kuDwCaCSQcGJlk4WxYD4jgU2ynA7+WQ6u/+QA3AETCZzX9fp1uYQRTHPitI4T8XEKpoxlSqcF8dMgmANoiJ8CwRRALv7n9/sm+vPj/p18zMZl1lFNfBQ9C4IJAEr8TAjmAKLta6tv5gT18al3kM4+Jb7iBNUxqgaXiLeGoAYAzXswFdR2iyYAUOvnMCzqgQqAHutbQxgOYKR4i3owFAAlPrV0nhata4Xd4rBxDwvEER8EtQCUrmtBGAKAKx4BYAWhGwBT/BLbNxwQxnSN+V9aQUauDl0AuOKDKBBAaGoCQQxAIp4JwASCCIBUvACAOgQ2AOCNTvPFBiMF0jhbOtS2ztKXKSwAveKFDojaVCCwAAD0ySZCB5BxpQ0cgJSc9D53wOM0iNgISfmy7/MUYCPrvOFlU6CyBG4Oyg86awefEgDhnsA9P0hF+2zNGZwCaWcZjFsMdDBcAAXwbOjDASCCRzigBDoVg0J/BwBFpx4JQJjEJwhvDyBLtejk6TWg+LSHzga3CMbOiMKbpzlc3OGGtaJWGGBxVcjbSXaCFGRqjKVi6ADQjR1Fl5odd8CDAFoDGkC3FQGFrrIPyIOmReq8rnHb+rR8CQBUC9yuAFBLliQFWttgZDeKpDdcBJFgSBvUAUisEW0cwAiKnBiHdUCez8TpsJkzTToqFDPyeNzqF+TqAFLx6G+FktNf9fGpd1DLeapuWEFwANRM9F53B1QOQiiwngL//yFQTVPV4JXnA2ryxW93uIGfntQkAV79HnUH7B2QA9j7DGmPzx2gTXjv8f8AfYL6X1+Q50oAAAAASUVORK5CYII=);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}.square.couple{position:relative;z-index:2}.square.couple:after{background-image:url(/static/media/abilities_combine.e09439bb9f1ee870cf06.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}.square.stun{position:relative;z-index:2}.square.stun:after{background-image:url(/static/media/abilities_stun.1e37dc60596a933efc5c.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}.square.capture:before{background-color:rgba(255,0,0,.5);content:"";display:block;height:4%;margin:30%;position:absolute;width:4%;z-index:9999}.square.lastMove{background-color:#4a91e2;border:1px solid #00000062}.square.lastMoveBot{background-color:#bb2664;border:1px solid #00000062}.valid-drop-target{border-spacing:100%}.invert-colors{-webkit-filter:invert(100%);filter:invert(100%)}.debug-coordinates{background-color:hsla(0,0%,100%,.7);border-radius:4px;color:red;font-size:1.2em;left:5%;padding:2px;position:absolute;text-shadow:0 0 2px #000;top:5%;z-index:100}::selection{background-color:initial}.chessboard img,.square img{-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.square.highlighted{border:2px solid #ff0}.square.highlightwrongmove-0,.square.highlightwrongmove-1{-webkit-animation:flashRed 1s 2;animation:flashRed 1s 2;border:2px solid red;position:relative}.square.highlightwrongmove-1:after{color:red;content:"X";font-size:3vw;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes flashRed{0%,to{border-color:red}50%{border-color:transparent}}@keyframes flashRed{0%,to{border-color:red}50%{border-color:transparent}}.square.highlightattack-0,.square.highlightattack-1{-webkit-animation:pulseRed 1.5s infinite;animation:pulseRed 1.5s infinite;border:2px solid red;box-shadow:0 0 10px rgba(255,0,0,.8);position:relative;z-index:10}.square.highlightattack-1:after{color:red;content:"!";font-size:3vw;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.square.highlightwrongmove-0:after{color:red;content:"X";font-size:3vw;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}@-webkit-keyframes pulseRed{0%{box-shadow:0 0 10px rgba(255,0,0,.8)}50%{box-shadow:0 0 20px rgba(255,0,0,.5)}to{box-shadow:0 0 10px rgba(255,0,0,.8)}}.square.kingincheck-0,.square.kingincheck-1{-webkit-animation:pulseRed 1.5s infinite;animation:pulseRed 1.5s infinite;border:3px solid red;box-shadow:0 0 10px rgba(255,0,0,.8);position:relative;z-index:1}.square.kingincheck-1:after{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.square.kingincheck-0:after,.square.kingincheck-1:after{color:#ff0;content:"⚠";font-size:2vw;left:50%;opacity:.9;position:absolute;top:50%}.square.kingincheck-0:after{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}@keyframes pulseRed{0%{box-shadow:0 0 10px rgba(255,0,0,.8)}50%{box-shadow:0 0 20px rgba(255,0,0,.5)}to{box-shadow:0 0 10px rgba(255,0,0,.8)}}.square.move:before{background-image:linear-gradient(45deg,rgba(0,0,0,.719),hsla(0,0%,50%,.474),hsla(0,0%,100%,.731));border-radius:50%;content:"";display:block;height:4%;margin:1%;position:absolute;width:4%;z-index:9999}.winner_check_mate{align-items:center;background-image:radial-gradient(hsla(0,0%,100%,.531),hsla(0,0%,50%,.591),hsla(0,0%,100%,.576));color:rgba(247,188,70,.774);cursor:pointer;display:flex;flex-direction:column;font-size:10vw;height:100%;justify-content:center;left:0;position:absolute;text-shadow:2px 2px 0 #000;top:0;width:100%;z-index:9999}.winner-name{color:#ff0;font-size:15vw;font-weight:900;text-shadow:2px 2px 0 #000,-2px -2px 0 #fff}.chess-piece{cursor:grab;font-size:5.2em;font-weight:700;height:auto;position:absolute;width:auto}.draggable{cursor:grab;-webkit-user-select:none;user-select:none}.chess-piece.small{font-size:1em;height:auto;width:auto}.chess-piece.medium{font-size:2em;height:40px;width:40px}.chess-piece.large{font-size:3em;height:60px;width:60px}.image{width:min(9vw,9vh)}@media (min-width:850px){.image{width:min(9vw,vh)}}.darken{-webkit-filter:invert(100%);filter:invert(100%)}@-webkit-keyframes animateFrames{0%{background-position:0 0}8.33%{background-position:-100% 0}16.66%{background-position:-200% 0}25%{background-position:-300% 0}33.33%{background-position:-400% 0}41.66%{background-position:-500% 0}50%{background-position:-600% 0}58.33%{background-position:-700% 0}66.66%{background-position:-800% 0}75%{background-position:-900% 0}83.33%{background-position:-1000% 0}91.66%{background-position:-1100% 0}to{background-position:-1200% 0}}@keyframes animateFrames{0%{background-position:0 0}8.33%{background-position:-100% 0}16.66%{background-position:-200% 0}25%{background-position:-300% 0}33.33%{background-position:-400% 0}41.66%{background-position:-500% 0}50%{background-position:-600% 0}58.33%{background-position:-700% 0}66.66%{background-position:-800% 0}75%{background-position:-900% 0}83.33%{background-position:-1000% 0}91.66%{background-position:-1100% 0}to{background-position:-1200% 0}}.stun-animation{-webkit-animation:animateFrames 20s steps(11) infinite;animation:animateFrames 20s steps(11) infinite;background-image:url(/static/media/stun_sheet.e4285edbdb4e1cfcfde9.png);background-size:1200% 100%;height:100px;position:absolute;width:100px}.piece-animation-overlay{height:auto;pointer-events:none;position:absolute;width:100%}:root{--ugs-first-color:#dcd3d3;--ugs-second-color:#3d3434;--ugs-third-color:#f96d00;--ugs-fourth-color:#f2f2f2}.ugs-game-status-container{align-items:center;background-color:#dcd3d3;background-color:var(--ugs-first-color);border:1px solid #3d3434;border:1px solid var(--ugs-second-color);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;margin:3px 0;max-width:90vmin;padding:3px;width:90vmin}.ugs-timer{color:#3d3434;color:var(--ugs-second-color);font-size:clamp(12px,2vw,40px);text-align:center;width:auto}.ugs-time-display{color:#f96d00;color:var(--ugs-third-color);font-size:1.4em;font-weight:700;margin:10px}.ugs-user-info{grid-column-gap:1rem;align-items:center;color:#3d3434;color:var(--ugs-second-color);-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:auto 1fr auto;text-align:center;width:100%}.ugs-user-icon{border-radius:50%;height:5vh;margin-right:10px;object-fit:cover;width:auto}.ugs-user-details{align-items:flex-start;display:flex;flex-direction:column}.ugs-user-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5vh}@media (min-width:1024px){.ugs-user-actions{gap:1vh}}.ugs-user-name{color:#000;margin-right:5px}.ugs-user-name,.ugs-user-team{font-size:clamp(12px,2vw,50px);font-weight:700}.ugs-user-team{margin-right:clamp(5px,2vw,20px)}.ugs-user-rating{align-items:center;display:flex;font-size:clamp(12px,2vw,50px);font-weight:700}.ugs-rating-icon{color:#f96d00;color:var(--ugs-third-color)}.ugs-captured-pieces{color:#3d3434;color:var(--ugs-second-color);font-weight:700;margin-bottom:10px;margin-right:0;text-align:center;width:auto}.ugs-pieces-container{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(20,auto);justify-content:left;width:100%}@media (min-width:1500px){.ugs-pieces-container{gap:2px;grid-auto-flow:row;grid-template-columns:repeat(8,auto);max-width:30%}.ugs-captured-pieces{margin-bottom:5px}.ugs-piece-black,.ugs-piece-white{margin-right:0;max-width:50px;min-width:18px;width:1.8vw}}@media (max-width:575px){.ugs-game-status-container{flex-direction:column}}@media (min-width:2560px){.ugs-user-info{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,auto);justify-content:center;width:100%}}.ugs-piece-black,.ugs-piece-white{height:auto;margin-right:-.5vw;max-width:100px;min-width:20px;object-fit:contain;width:2.5vw}.ugs-piece-black{-webkit-filter:invert(100%);filter:invert(100%)}:root{--avatar-size:3rem;--piece-icon-size:2.5rem;--font-size:1rem;--spacing:0.5rem}@media (min-width:600px){:root{--avatar-size:3.5rem;--piece-icon-size:3rem;--font-size:1.1rem;--spacing:0.75rem}}@media (min-width:1024px){:root{--avatar-size:4rem;--piece-icon-size:3.5rem;--font-size:1.2rem;--spacing:1rem}}.chat-fullscreen{background:rgba(0,0,0,.6);display:flex;flex-direction:column;inset:0;position:fixed;z-index:100}.chat-top-spacer{flex:0.5 1}.chat-fullscreen-messages{background:#fafafa;flex:3 1;flex-direction:column;overflow-y:auto;padding:.5rem;padding:var(--spacing)}.chat-fullscreen-messages,.chat-message{display:flex;gap:.5rem;gap:var(--spacing)}.chat-message{align-items:flex-start;font-size:1rem;font-size:var(--font-size)}.chat-message.own{justify-content:flex-end;text-align:right}.chat-message.other{justify-content:flex-start;text-align:left}.chat-avatar{border-radius:50%;flex-shrink:0;height:3rem;height:var(--avatar-size);object-fit:cover;width:3rem;width:var(--avatar-size)}.chat-content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:70%;padding:.5rem;padding:var(--spacing)}.chat-message-user{font-weight:700;margin-bottom:.25em}.chat-message-text{white-space:pre-wrap}.chat-piece-icon{align-self:flex-end;height:2.5rem;height:var(--piece-icon-size);margin-top:.5rem;margin-top:var(--spacing);width:2.5rem;width:var(--piece-icon-size)}.chat-fullscreen-input-bar{align-items:center;background:#222;display:flex;flex:0.5 1;gap:.5rem;gap:var(--spacing);padding:.5rem;padding:var(--spacing)}.chat-input{border:none;border-radius:.5rem;flex:1 1;font-size:1rem;font-size:var(--font-size);padding:.5rem;padding:var(--spacing)}.chat-input:focus{outline:2px solid #2ecc71}.chat-exit-button,.chat-send-button{border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size);padding:.5rem 1rem;padding:var(--spacing) calc(var(--spacing)*2)}.chat-send-button{background:#2ecc71}.chat-send-button:hover{background:#27ae60}.chat-exit-button{background:#e74c3c}.chat-exit-button:hover{background:#c0392b}.chat-bottom-spacer{flex:0.5 1}.chat-toggle-button{align-items:center;background:#e74c3c;border:2px solid #000;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:4vh;justify-content:center;max-height:45px;max-width:45px;min-height:35px;min-width:35px;transition:background-color .2s ease;width:4vh;z-index:10}.chat-toggle-button:hover{background-color:#c0392b}@media (min-width:1024px){.chat-toggle-button{font-size:2rem;height:8vh;max-height:90px;max-width:90px;min-height:70px;min-width:70px;width:8vh}}.settings-fullscreen{background:rgba(0,0,0,.75);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.settings-top-spacer{background:#000;flex:0.5 1}.settings-panel{background:#fff;display:flex;flex:3 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:2rem}.settings-panel h2{font-size:1.5em;margin:0 0 1rem}.setting-item label{align-items:center;display:flex;font-size:1.1em;gap:.5rem}.setting-item select{font-size:1em;padding:.4rem}.settings-fullscreen-input-bar{align-items:flex-start;background:#000;display:flex;flex:0.5 1;justify-content:flex-end;padding:.5rem}.settings-exit-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:.5rem;padding:.5rem 1rem}.settings-exit-button:hover{background:#c0392b}.settings-bottom-spacer{background:#000;flex:0.5 1}.settings-toggle-button{align-items:center;background-color:#f1c40f;border:2px solid #000;border-radius:10px;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2em;height:4vh;justify-content:center;max-height:45px;max-width:45px;min-height:35px;min-width:35px;transition:background-color .2s ease;width:4vh;z-index:10}.settings-toggle-button:hover{background-color:#d4ac0d}@media (min-width:1024px){.settings-toggle-button{font-size:2em;height:8vh;max-height:90px;max-width:90px;min-height:70px;min-width:70px;width:8vh}}.ability-button{align-items:center;background-color:#e74c3c;border:2px solid #000;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.5em;font-weight:700;height:4vh;justify-content:center;max-height:45px;max-width:45px;min-height:35px;min-width:35px;overflow:hidden;transition:background-color .2s ease;width:4vh;z-index:10}.ability-button:hover{background-color:#c0392b}@media (min-width:1024px){.ability-button{font-size:1em;height:8vh;max-height:90px;max-width:90px;min-height:70px;min-width:70px;width:8vh}}.ability-button:disabled{cursor:not-allowed;opacity:.6}.ability-button:after{color:#fff;content:"!";font-size:1.2em;font-weight:700;position:absolute;right:4px;text-shadow:1px 1px 2px rgba(0,0,0,.5);top:4px}.question-mark-box{align-items:center;background-color:#ff0;border:2px solid #000;border-radius:10px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5em;font-weight:700;height:4vh;justify-content:center;max-height:45px;max-width:45px;min-height:35px;min-width:35px;position:inherit;text-shadow:2px 2px 4px rgba(0,0,0,.3);width:4vh;z-index:10}@media (min-width:1024px){.question-mark-box{font-size:3em;height:8vh;max-height:90px;max-width:90px;min-height:70px;min-width:70px;width:8vh}}.piece-image{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;display:grid;height:100%;place-items:center;width:100%}.question-mark-overlay{color:red}.question-mark-only{justify-content:center}.info-box,.question-mark-only{align-items:center;display:flex;height:100%;width:100%}.info-box{background-color:#000;box-sizing:border-box;color:#fff;flex-direction:column;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;z-index:100}.default-info,.piece-info{align-items:center;display:flex;flex-direction:column;max-width:1000px;width:80%}.piece-info .header{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.piece-info .header img{height:100%;margin-right:20px;width:40%}.piece-info .header h2{align-self:center;background:linear-gradient(90deg,red,orange,#ff0,green,blue,indigo,violet);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.piece-info .attributes{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.piece-info .attributes p{background-color:hsla(0,0%,100%,.2);border-radius:5px;color:#fff;margin:5px 0;padding:7px;text-align:center;width:calc(30% - 10px)}.piece-info h3{color:#ffffffeb;color:#fff;font-size:1.5em;letter-spacing:2px;margin-top:20px;padding-bottom:20px;padding-bottom:30px;position:relative;text-transform:uppercase}.piece-info .ability-moveset,.piece-info .capture-moveset,.piece-info .moveset,.piece-info .ui-ability-moveset{background-color:hsla(0,0%,100%,.1);border-radius:5px;margin-bottom:20px;padding:10px;width:100%}.piece-info .ability-moveset ul,.piece-info .capture-moveset ul,.piece-info .moveset ul,.piece-info .ui-ability-moveset ul{list-style:none;margin:0;padding:0}.piece-info .ability-moveset li,.piece-info .capture-moveset li,.piece-info .moveset li,.piece-info .ui-ability-moveset li{background-color:hsla(0,0%,100%,.2);border-radius:3px;color:#fff;margin:5px 0;padding:5px}.scenario-carousel{align-items:center;display:flex;margin-top:20px}.scenario-carousel button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em}.scenario{align-items:center;display:flex;flex-direction:column;margin:0 10px}.scenario img{height:100px;width:100px}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.scenario-container{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.grid{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));max-width:1000px;width:100%}.cell{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.light{background-color:#fff}.dark{background-color:#000}.piece-image,.piece-image-opponent,.skull-icon{height:100%;object-fit:contain;width:100%;z-index:3}.piece-image-opponent{-webkit-filter:invert(100%);filter:invert(100%)}.capture-piece:before,.move-piece:before{content:"";height:100%;position:absolute;width:100%;z-index:1}.move-piece:before{background-color:rgba(37,197,85,.911)}.capture-piece:before{background-color:rgba(255,0,0,.5)}.skull-icon{height:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.arrow-svg,.skull-icon{position:absolute;z-index:2}.arrow-svg{height:100%;left:0;pointer-events:none;top:-16px;width:100%}.carousel-controls{display:flex;justify-content:space-between;margin-top:10px;width:100%}.carousel-controls button{background-color:#333;border:none;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}.carousel-controls button:hover{background-color:#555}.legend{display:flex;font-size:1.5em;gap:20px;justify-content:center;margin-top:20px}.legend-item{align-items:center;display:flex;gap:10px}.legend-box{height:20px;width:20px}.legend-box.capture{background-color:red}.legend-box.move{background-color:green}.current-state .underline,.current-state .underline-small{text-decoration:underline}.rainbow{background:linear-gradient(90deg,tomato,#ff8c00,gold,#32cd32,#4682b4,#ba55d3,violet);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline;white-space:nowrap}.underline,.underline-small{text-decoration:underline}.opponent-piece{position:relative}.opponent-piece:before{background-color:initial;box-shadow:inset 0 0 0 2px red;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}@media (min-width:340px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,30px))}.arrow-svg{top:-2px}}@media (min-width:370px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,31px))}.arrow-svg{top:-30px}}@media (min-width:390px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,40px))}.arrow-svg{top:0}}@media (min-width:410px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,36px))}.arrow-svg{top:-5px}}@media (min-width:430px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,120px));grid-template-rows:repeat(8,minmax(0,40px))}.arrow-svg{top:0}}@media (min-width:500px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,120px));grid-template-rows:repeat(8,minmax(0,50px))}.arrow-svg{top:10px}}@media (min-width:540px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,120px));grid-template-rows:repeat(8,minmax(0,50px))}.arrow-svg{top:0}}@media (min-width:570px){.scenario-container h2{font-size:1.3em}.legend,.scenario-container h4{font-size:1em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,120px));grid-template-rows:repeat(8,minmax(0,50px))}.arrow-svg{top:0}}@media (min-width:600px){.scenario-container h2,.scenario-container h4{font-size:1.8em}.legend{font-size:1.6em}.carousel-controls button{font-size:1.2em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,120px));grid-template-rows:repeat(8,minmax(0,50px))}.arrow-svg{top:-15px}}@media (min-width:660px){.scenario-container h2,.scenario-container h4{font-size:1.8em}.legend{font-size:1.6em}.carousel-controls button{font-size:1.5em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,120px));grid-template-rows:repeat(8,minmax(0,50px))}.arrow-svg{top:-15px}}@media (min-width:760px){.scenario-container h2,.scenario-container h4{font-size:2.2em}.legend{font-size:2em}.carousel-controls button{font-size:1.6em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,70px))}.arrow-svg{top:-10px}}@media (min-width:800px){.scenario-container h2,.scenario-container h4{font-size:2.2em}.legend{font-size:2em}.carousel-controls button{font-size:1.6em}.legend-box{height:20px;width:30px}.grid{grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,70px))}.arrow-svg{top:-35px}}@media (min-width:853px){.scenario-container h2,.scenario-container h4{font-size:2.2em}.legend{font-size:2em}.carousel-controls button{font-size:1.6em}.legend-box{height:20px;width:30px}.grid{aspect-ratio:0;grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,65px))}.arrow-svg{top:-70px}}@media (min-width:900px){.scenario-container h2,.scenario-container h4{font-size:2.5em}.legend{font-size:2em}.carousel-controls button{font-size:1.8em}.legend-box{height:20px;width:30px}.grid{aspect-ratio:0;grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,65px))}.arrow-svg{top:-100px}}@media (min-width:1000px){.scenario-container h2,.scenario-container h4{font-size:2.8em}.carousel-controls button,.legend{font-size:2.2em}.legend-box{height:20px;width:30px}.grid{aspect-ratio:0;grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,80px))}.arrow-svg{top:-80px}}@media (min-width:1200px){.scenario-container h2,.scenario-container h4{font-size:2.8em}.carousel-controls button,.legend{font-size:2.2em}.legend-box{height:20px;width:30px}.grid{aspect-ratio:0;grid-template-columns:repeat(8,minmax(0,100px));grid-template-rows:repeat(8,minmax(0,90px))}.arrow-svg{left:-110px;top:-150px}}@media (min-width:1600px){.scenario-container h2,.scenario-container h4{font-size:3em}.legend{font-size:2.2em}.legend-box{height:20px;width:30px}.grid{aspect-ratio:0;grid-template-columns:repeat(8,minmax(0,120px));grid-template-rows:repeat(8,minmax(0,120px))}.arrow-svg{left:-20px;top:-20px}}.toggle-sidebar{background-color:initial;border:none;cursor:pointer;left:0;padding:0;position:fixed;position:relative;top:20px;z-index:1001}.nav-notification-indicator{align-items:center;-webkit-animation:pulseNotification 2s ease-in-out infinite;animation:pulseNotification 2s ease-in-out infinite;background-color:#f44;border-radius:50%;box-shadow:0 2px 8px rgba(255,68,68,.4);color:#fff;display:flex;font-size:clamp(14px,2vw,20px);font-weight:700;height:clamp(20px,3vw,30px);justify-content:center;position:absolute;right:-5px;top:-5px;width:clamp(20px,3vw,30px);z-index:2}.exclamation-mark{font-family:Arial,sans-serif;line-height:1}@-webkit-keyframes pulseNotification{0%,to{box-shadow:0 2px 8px rgba(255,68,68,.4);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 4px 12px rgba(255,68,68,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulseNotification{0%,to{box-shadow:0 2px 8px rgba(255,68,68,.4);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 4px 12px rgba(255,68,68,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}}.hamburger-menu{height:clamp(3.5em,5vw,7em);max-height:140px;max-width:140px;width:clamp(3.5em,5vw,7em)}nav{--line-height:clamp(3em,4vw,6.29em);--margin-left:clamp(3em,3vw,4em);height:calc(100% - 40px);left:-100%;overflow:visible;padding:5%;position:fixed;top:20px;width:clamp(280px,40vw,950px);z-index:1000}@media (max-width:768px) and (max-aspect-ratio:1/1){nav{--line-height:clamp(2.8em,4.5vh,4.5em)}}@media (max-width:480px){nav{--line-height:clamp(2.5em,4vh,4em)}}@media (max-width:400px){.nav-title-text{font-size:clamp(.8em,1.8vw,1.5em)}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){nav{--line-height:clamp(3em,3.5vh,5em)}}@media (min-aspect-ratio:16/9) and (max-width:1699px){nav{--line-height:clamp(3em,4vw,5em)}nav ul{gap:clamp(.8em,1.5vh,1.5em)}}@media (min-width:1700px){nav{--line-height:2em;--margin-left:1.5em;padding:2%;width:clamp(540px,30vw,720px)}nav ul{font-size:.85em;gap:.5em;padding-top:.3em}nav a{font-size:1.1em;gap:8px;padding:.2em .4em}nav ul li img{height:1.97872em;width:1.5em}.nav-title-text{font-size:.9em;padding:.2em .4em}.writing-hand-animation{width:2em}}nav:before{background-color:#fff;box-shadow:15px 15px 33px rgba(27,27,27,.15);content:"";-webkit-filter:url(#tornEdge);filter:url(#tornEdge);height:calc(100% + 40px);left:-20px;position:absolute;top:-20px;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% + 40px);will-change:transform;z-index:-1}@media (max-width:768px){nav:before{border-radius:8px;-webkit-filter:none;filter:none}}nav:after{background:transparent;content:"";z-index:-1}.paper-lines,nav:after{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.paper-lines{z-index:1}.margin-line{background-color:#941c5a;height:100%;left:var(--margin-left);position:absolute;top:0;width:2px;z-index:1}nav.visible{left:0}.nav-title-text{align-items:center;color:#333;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(1em,2vw,2em);font-weight:400;gap:.5em;overflow:hidden;padding:.3em .5em;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.nav-title-text:hover{color:#941c5a}.nav-title-text:hover .writing-hand-animation{-webkit-animation:handBounce .5s ease-in-out infinite alternate;animation:handBounce .5s ease-in-out infinite alternate;opacity:1}.writing-hand-animation{height:auto;transition:opacity .3s ease;width:clamp(2em,3vw,3.5em)}.writing-hand-animation.visible{-webkit-animation:handBounce .5s ease-in-out infinite alternate;animation:handBounce .5s ease-in-out infinite alternate;opacity:1}.writing-hand-animation.hidden{-webkit-animation:none;animation:none;opacity:0}@-webkit-keyframes handBounce{0%{-webkit-transform:translateY(0) rotate(-5deg);transform:translateY(0) rotate(-5deg)}to{-webkit-transform:translateY(-5px) rotate(5deg);transform:translateY(-5px) rotate(5deg)}}@keyframes handBounce{0%{-webkit-transform:translateY(0) rotate(-5deg);transform:translateY(0) rotate(-5deg)}to{-webkit-transform:translateY(-5px) rotate(5deg);transform:translateY(-5px) rotate(5deg)}}nav ul{-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;font-size:clamp(1.2em,1.5vw,1.8em);gap:clamp(1em,2vh,2em);list-style-type:none;padding:0;padding-bottom:10px;padding-left:var(--margin-left);padding-right:10px;padding-top:clamp(.5em,2vh,1.5em);-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2}nav ul,nav ul li{display:flex;margin:0;position:relative;width:100%}nav ul li{align-items:center;padding:0}nav a{align-items:center;background:transparent;color:#000;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(1.4em,2.5vw,3em);font-weight:400;gap:clamp(8px,1vw,20px);line-height:1;padding:.3em .5em;text-decoration:none;transition:all .4s ease-out}nav a,nav ul li img{border-radius:12px;position:relative}nav ul li img{flex-shrink:0;height:calc(clamp(1.4em, 2vw, 2.5em)*620/470);object-fit:cover;padding:0;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out;width:clamp(1.4em,2vw,2.5em);z-index:1}nav a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .4s ease-in;transition:transform .4s ease-in;transition:transform .4s ease-in,-webkit-transform .4s ease-in}nav a:hover{color:#333;-webkit-transform:translateX(8px);transform:translateX(8px);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.nav-line{background-color:#1d97b8;height:1px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.notification-badge{background-color:#f44;border-radius:10px;color:#fff;display:inline-block;font-size:.75em;font-weight:700;margin-left:8px;min-width:18px;padding:2px 6px;text-align:center;vertical-align:middle}.music-nav-item{align-items:center;display:flex;gap:10px;justify-content:space-between}.quick-play-button{align-items:center;background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(16px,2vw,20px);height:clamp(35px,4vw,45px);justify-content:center;transition:all .3s ease;width:clamp(35px,4vw,45px)}.quick-play-button:hover{background:#5568d3;box-shadow:0 4px 12px rgba(102,126,234,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.quick-play-button:active{-webkit-transform:scale(.95);transform:scale(.95)}.round-profile-pic{border-radius:50%;height:50px;overflow:hidden;position:absolute;right:100px;width:50px;z-index:9999}.round-pic{height:auto;width:100%}.nav-container{align-items:center;display:flex;justify-content:space-between;position:absolute}.profile-pic-container{float:right;height:auto;margin-right:20px;width:auto;z-index:9999}.profile-container{position:relative}.profile-menu{background-color:#fffefe;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);padding:10px;position:absolute;right:0;top:50px;width:200px;z-index:100}.profile-menu div{cursor:pointer;padding:5px 10px}.profile-menu div:hover{background-color:#f6f6f6}.audio-player-container{overflow:hidden;width:200px}.audio-player{height:auto;max-width:100%;width:100%}.audio_player::-webkit-media-controls-overflow-button,.audio_player::-webkit-media-controls-timeline{display:none}.reset-button{cursor:pointer;position:absolute;z-index:999}.gameslist-app-content{background:linear-gradient(90deg,#fcd6a0,#fde0b7 20%,#ffecd2 40%,#fcb69f 60%,#fcc1ad 80%,#ff9b79);box-shadow:0 0 10px rgba(0,0,0,.1);color:#333;min-height:100vh;padding:20px}body{margin:0}.gameslist-vs-screen{align-items:center;background:linear-gradient(135deg,#ff9872 50%,#fbd9aadf 0);border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.1);color:#fff;display:flex;padding:20px}.gameslist-game-details{background:#ffcab0;border-radius:0 0 20px 20px;width:30%}.gameslist-player{flex:1 1;text-align:center}.gameslist-player-icon{border-radius:50%;height:75px;margin-bottom:10px;width:75px}.gameslist-vs{color:#fff;font-size:3rem;font-weight:700;margin:0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.gameslist-button{background-color:#fa8c68;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;transition:background-color .2s ease-in-out}.gameslist-button:hover:not(:disabled){background-color:#fc6634}.gameslist-create-game-button,.gameslist-pagination-buttons{margin-bottom:20px;text-align:center}.gameslist-create-game-button .gameslist-button{background-color:#fa8c68}.gameslist-button:disabled{background-color:grey;cursor:not-allowed}.gameslist-games-list{align-items:center;display:flex;flex-direction:column;gap:20px}.gameslist-game-entry{align-items:flex-start;border-radius:8px;color:#333;flex-direction:column;padding:15px;text-align:center}.new-game-notification{text-align:center}.gameslist-game-details p{color:#333;margin:0}.gameslist-game-actions{margin-top:10px}.gameslist-game-actions button{color:#fff;margin-bottom:10px;margin-right:10px}.gameslist-bot-selection-vertical{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.gameslist-bot-selection-vertical label{margin-bottom:5px}.bot-option{align-items:center;display:flex}.bot-option-image{border-radius:50%;height:20px;margin-right:10px;width:20px}.bot-select__control{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;transition:background-color .2s ease-in-out}.bot-select__control:hover{background-color:#cc3a70}.bot-select__menu{background-color:#ff4b8b;color:#fff}.gameslist-player-placeholder{height:100px}@media (max-width:339px){.gameslist-vs-screen{flex-direction:column}}@media (min-width:320px){.gameslist-app-content{font-size:18px}.gameslist-player-placeholder{height:70px}.gameslist-player-icon{height:80px;margin-bottom:0;width:80px}h3{-webkit-margin-before:0;-webkit-margin-after:0;margin:0;margin-block-end:0;margin-block-start:0}.gameslist-game-entry{width:100%}.gameslist-vs-screen{flex-direction:column;margin:0 auto;max-width:320px;width:100%}.gameslist-game-entry{display:flex;justify-content:center;max-width:700px}.gameslist-game-details{align-self:center;width:90%}}@media (min-width:400px){.gameslist-game-details{align-self:center;width:80%}}@media (min-width:440px){.gameslist-app-content{font-size:18px}.gameslist-player-icon{height:100px;width:100px}.gameslist-vs-screen{margin:0 auto;max-width:320px;width:100%}.gameslist-game-entry{display:flex;justify-content:center;max-width:700px}.gameslist-game-details{align-self:center;width:70%}}@media (min-width:540px){.gameslist-app-content{font-size:20px}.gameslist-game-entry{width:100%}.gameslist-vs-screen{flex-direction:row}.gameslist-player-icon{height:130px;width:130px}.gameslist-vs-screen{margin:0 auto;max-width:720px;width:100%}.gameslist-game-entry{display:flex;justify-content:center;max-width:700px}.gameslist-game-details{align-self:center;width:70%}}@media (min-width:541px){.gameslist-game-details{align-self:center;width:70%}}@media (min-width:740px){.gameslist-player-icon{height:130px;width:130px}.gameslist-button{font-size:18px}.gameslist-vs-screen{margin:0 auto;max-width:720px;width:100%}.gameslist-game-entry{display:flex;justify-content:center;max-width:700px}.gameslist-game-details{align-self:center;width:50%}}@media (min-width:1000px){.gameslist-player-icon{height:140px;width:140px}.gameslist-vs-screen{margin:0 auto;max-width:800px;width:100%}.gameslist-game-entry{display:flex;justify-content:center;max-width:1200px}.gameslist-game-details{align-self:center;width:35%}}@media (min-width:1200px){.gameslist-app-content{font-size:25px}.gameslist-button{font-size:20px}.gameslist-game-entry{display:flex;justify-content:center;max-width:1200px}.gameslist-game-details{align-self:center;width:35%}.gameslist-vs-screen{margin:0 auto;max-width:800px;width:100%}}@media (min-width:1400px){.gameslist-app-content{font-size:25px}.gameslist-game-entry{display:flex;justify-content:center;max-width:1200px}.gameslist-vs-screen{margin:0 auto;max-width:1000px;width:100%}.gameslist-game-details{align-self:center;width:35%}.gameslist-game-actions{align-self:center}}@media (min-width:1600px){.gameslist-app-content{font-size:25px}.gameslist-game-entry{display:flex;justify-content:center;max-width:1400px}.gameslist-vs-screen{margin:0 auto;max-width:1000px;width:100%}.gameslist-game-details{align-self:center;width:30%}.gameslist-game-actions{align-self:center}}@media (min-width:1800px){.gameslist-app-content{font-size:24px}.gameslist-game-entry{display:flex;justify-content:center;max-width:1600px}.gameslist-button{font-size:22px}.gameslist-vs-screen{margin:0 auto;max-width:1200px;width:100%}.gameslist-game-details{align-self:center;width:30%}.gameslist-game-actions{align-self:center}}.userprofile-user-profile{align-items:center;background:conic-gradient(from 45deg,#fcb69f,#ffecd2);box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;min-height:100vh;padding:20px;width:100%}.userprofile-user-profile h2{color:#333;text-align:center}.userprofile-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin:20px 0;width:100%}.grid-background{background:#ffecd271;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px;padding:10px}.userprofile-profile-icon{cursor:pointer;height:100px;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100px}.userprofile-profile-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.userprofile-button{background-color:#fcb69f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:10px;padding:8px 16px}.userprofile-button:disabled{background-color:#ccc}.userprofile-icon-locked{cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.user-profile-button-container{display:flex;justify-content:space-between;width:100%}@media (min-width:1000px){.userprofile-grid{grid-template-columns:repeat(5,1fr)}.userprofile-profile-icon{height:140px;width:140px}.userprofile-password-div{display:flex;flex-direction:row;font-size:22px;font-size:30px}.userprofile-user-profile input{font:large;font-size:24px;height:40px}}@media (max-width:990px){.userprofile-grid{grid-template-columns:repeat(4,1fr)}.userprofile-profile-icon{height:140px;width:140px}.userprofile-password-div{display:flex;flex-direction:row;font-size:22px;font-size:30px}.userprofile-user-profile input{font:large;font-size:24px;height:40px}}@media (max-width:780px){.userprofile-grid{grid-template-columns:repeat(4,1fr)}.userprofile-profile-icon{height:120px;width:120px}.userprofile-password-div{display:flex;flex-direction:column;font-size:22px}.userprofile-user-profile input{font:large;font-size:22px;height:40px}}@media (max-width:560px){.userprofile-grid{grid-template-columns:repeat(3,1fr)}.userprofile-profile-icon{height:120px;width:120px}.userprofile-password-div{display:flex;flex-direction:column;font-size:22px}.userprofile-user-profile input{font:large;font-size:22px;height:40px}}@media (max-width:480px){.userprofile-grid{grid-template-columns:repeat(2,1fr)}.userprofile-profile-icon{height:120px;width:120px}.userprofile-button-container button{width:100%}.userprofile-password-button{margin-bottom:15px;padding-left:30px}.userprofile-password-div{display:flex;flex-direction:column;font-size:22px}.userprofile-user-profile input{font:large;font-size:22px;height:40px}}@media (max-width:380px){.userprofile-grid{grid-template-columns:repeat(2,1fr)}.userprofile-profile-icon{height:120px;width:120px}.userprofile-button-container button{width:100%}.userprofile-password-button{margin-bottom:15px;padding-left:30px}.userprofile-password-div{display:flex;flex-direction:column;font-size:22px}.userprofile-user-profile input{font:large;font-size:22px;height:40px}}.modal-backdrop{background-color:rgba(0,0,0,.5);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-backdrop,.modal-content{align-items:center;display:flex}.modal-content{background:#ffecd2;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex-direction:column;padding:20px}.modal-content img{height:150px;margin-bottom:20px;object-fit:cover;width:150px}.modal-content button{background-color:#fcb69f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:8px 16px;width:auto}.modal-content button:disabled{background-color:#b0b0b0;color:#666;cursor:not-allowed;opacity:.6}.modal-content h2{margin-bottom:10px}.modal-content p{font-size:20px;margin-bottom:20px;text-align:center}.decksview-container{align-items:center;background:conic-gradient(from 45deg,#fcb69f,#ffecd2),url(https://www.toptal.com/designers/subtlepatterns/patterns/dots.png);background-blend-mode:overlay;background-size:cover;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px 20px;width:100%}.decksview-active-decks{margin-bottom:20px;width:100%}.decksview-active-decks-grid{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.decksview-active-deck-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:300px;min-width:150px;width:45%}.decksview-active-deck-label{color:#333;font-size:1.3em;font-weight:700;margin:0;text-align:center}.decksview-active-deck{align-items:center;background-color:hsla(0,0%,100%,.95);border:5px solid #ccc;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:flex-end;min-height:180px;overflow:hidden;padding:0;position:relative;text-align:center;width:100%}.decksview-active-deck.white{border-color:#e8e8e8}.decksview-active-deck.black{border-color:#000}.decksview-active-deck.clickable{cursor:pointer;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.decksview-active-deck.clickable:hover{box-shadow:0 6px 16px rgba(0,0,0,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}.decksview-active-deck-content{display:none}.decksview-active-deck.white .decksview-active-deck-content h3{color:#333}.decksview-active-deck.black .decksview-active-deck-content h3{color:#f0f0f0}.decksview-active-deck h3{font-size:1.2em;margin:0 0 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decksview-active-deck span{color:#333;font-size:1em;font-weight:700}.decksview-actions{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%}.decksview-title{text-align:center}.decksview-create-deck{align-items:stretch;display:flex;gap:10px}.decksview-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1em;min-height:40px;padding:8px 16px}.decksview-grid{grid-gap:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:center;margin-bottom:20px;max-width:1400px;width:100%}.decksview-deck-wrapper{align-items:center;display:flex;flex-direction:column;gap:0;position:relative}.decksview-deck-card{aspect-ratio:470/630;background-color:initial;border:4px solid #ccc;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);cursor:pointer;overflow:hidden;position:relative;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:100%}.decksview-deck-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.decksview-deck-card.highlighted{-webkit-animation:highlightPulse 1s ease-in-out;animation:highlightPulse 1s ease-in-out}@-webkit-keyframes highlightPulse{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 8px 24px rgba(252,102,52,.8);-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes highlightPulse{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 8px 24px rgba(252,102,52,.8);-webkit-transform:scale(1.1);transform:scale(1.1)}}.decksview-deck-overlay{align-items:center;bottom:8px;display:flex;height:40px;justify-content:center;pointer-events:none;position:absolute;right:8px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:40px}.decksview-deck-card:hover .decksview-deck-overlay{-webkit-transform:scale(1.2);transform:scale(1.2)}.decksview-deck-icon{-webkit-filter:drop-shadow(0 2px 6px rgba(0,0,0,.8)) drop-shadow(0 0 3px hsla(0,0%,100%,.5));filter:drop-shadow(0 2px 6px rgba(0,0,0,.8)) drop-shadow(0 0 3px rgba(255,255,255,.5));font-size:24px}.decksview-deck-card.white{border-color:#e8e8e8;border-width:5px}.decksview-deck-card.black{border-color:#000;border-width:5px}.decksview-deck-card>*{position:relative;z-index:1}.decksview-deck-header{align-items:center;background-color:hsla(31,53%,64%,.9);border-radius:8px 8px 0 0;box-shadow:0 2px 4px rgba(0,0,0,.2);display:inline-flex;gap:8px;justify-content:center;margin-bottom:-8px;max-width:90%;padding:10px;position:relative;z-index:0}.decksview-deck-name{color:#333;font-size:1em;font-weight:700;margin:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.decksview-menu-overlay{align-items:center!important;-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;background-color:rgba(0,0,0,.75)!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.decksview-menu{-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out;background-color:#d4a574;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.4);max-height:80vh;max-width:500px;overflow-y:auto;width:90%}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.decksview-menu-header{align-items:center;background-color:rgba(0,0,0,.05);border-bottom:2px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:20px}.decksview-menu-header h3{color:#333;font-size:1.5em;margin:0}.decksview-menu-close{background:none;border:none;color:#333;cursor:pointer;font-size:28px;line-height:1;padding:5px 10px;transition:color .2s ease,-webkit-transform .2s ease;transition:color .2s ease,transform .2s ease;transition:color .2s ease,transform .2s ease,-webkit-transform .2s ease}.decksview-menu-close:hover{color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.decksview-menu-section{border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px}.decksview-menu-section:last-child{border-bottom:none}.decksview-menu-section h4{color:#555;font-size:.85em;font-weight:600;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.decksview-menu-scrollable{max-height:250px;overflow-y:auto;padding-right:5px}.decksview-menu-scrollable::-webkit-scrollbar{width:8px}.decksview-menu-scrollable::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.decksview-menu-scrollable::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px}.decksview-menu-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.decksview-menu-item{align-items:center;background-color:hsla(0,0%,100%,.6);border:2px solid transparent;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:12px;margin:5px 0;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.decksview-menu-item:hover{background-color:hsla(0,0%,100%,.9);border-color:#fc6634;-webkit-transform:translateX(5px);transform:translateX(5px)}.decksview-menu-item:active{-webkit-transform:translateX(3px) scale(.98);transform:translateX(3px) scale(.98)}.decksview-menu-icon{align-items:center;display:flex;font-size:1.4em;justify-content:center;min-width:28px}.decksview-menu-danger{padding-top:10px}.decksview-menu-danger .decksview-menu-item-danger{background-color:rgba(139,0,0,.15);border-color:rgba(139,0,0,.3)}.decksview-menu-danger .decksview-menu-item-danger:hover{background-color:rgba(139,0,0,.25);border-color:#8b0000;color:#8b0000}.decksview-button{align-items:center;background-color:hsla(35,88%,68%,.71);border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1em;justify-content:center;min-height:40px;outline:none;padding:8px 16px;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s}.decksview-button:hover:not(:disabled){background-color:#d4a574;box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.decksview-button:disabled{background-color:#ccc;cursor:default}.decksview-pagination{display:flex;justify-content:space-between;max-width:600px;width:100%}.decksview-deck-team{border-radius:12px;color:#fff;display:inline-block;font-size:.75em;font-weight:700;margin:0;padding:4px 10px;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap}.decksview-deck-team.white{background-color:#f0f0f0;color:#222;text-shadow:1px 1px 2px hsla(0,0%,100%,.5)}.decksview-deck-team.black{background-color:#000;color:#fff;text-shadow:1px 1px 2px hsla(0,0%,100%,.2)}@media (min-width:480px){.decksview-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.decksview-container{padding:20px}}@media (min-width:768px){.decksview-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.decksview-active-deck{min-height:240px}}@media (min-width:1024px){.decksview-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.decksview-active-deck{min-height:320px}}@media (min-width:440px){.decksview-container .decksview-button{font-size:.7em;padding:6px 12px}}@media (min-width:540px){.decksview-container .decksview-button{font-size:.8em;padding:8px 16px}}@media (min-width:640px){.decksview-container .decksview-button{font-size:.9em;padding:10px 20px}}@media (min-width:740px){.decksview-container .decksview-button{font-size:1em;padding:12px 24px}}@media (min-width:820px){.decksview-container .decksview-button{font-size:1.1em;padding:14px 28px}}@media (min-width:1020px){.decksview-container .decksview-button{font-size:1.2em;padding:16px 32px}}@media (min-width:1600px){.decksview-container .decksview-button{font-size:1.3em;padding:18px 36px}}.chess-pieces-grid{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.chess-piece:hover{border-color:#fcb69f;-webkit-transform:scale(1.05);transform:scale(1.05)}.chess-pieces-navigation{display:flex;justify-content:space-between;margin-top:20px}.highlight{background-color:green}.invalid{background-color:red}.no-touch-action{bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.chess-pieces-navigation button{background-color:#fcb69f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;margin:5px;padding:8px 16px;transition:background-color .2s ease-in-out}.chess-pieces-navigation button:disabled{background-color:#ccc}.chess-pieces-navigation button:hover:not(:disabled){background-color:#ffecd2}.chess-piece{align-items:center;display:flex;flex-basis:calc(33.333% - 20px);flex-direction:column;justify-content:center;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.draft-chessboard-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr);height:24vh;max-height:300px;max-width:100vw;overflow:auto;width:100%}.draft-chessboard-cell{align-items:center;border:1px solid #fc9b7a;display:flex;height:calc((auto - auto) / 8);justify-content:center;width:calc((auto - auto) / 8)}.decks-profile-container .decks-profile{align-items:center;background:conic-gradient(from 45deg,#fcb69f,#ffecd2),url(https://www.toptal.com/designers/subtlepatterns/patterns/dots.png);background-blend-mode:overlay;background-size:cover;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:100vh;padding-left:.4em;padding-top:4em;width:100%}.decks-profile-container .deck-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #6c6666;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15px;width:100%}.decks-profile-container .deck-card span{flex-grow:1;text-align:center}.decks-profile-container .info-box-container{bottom:auto;position:relative;right:auto}.decks-profile-container .draft-chessboard-grid{align-items:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));overflow-y:auto;width:100%}.decks-profile-container .chess-pieces-grid{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.decks-profile-container .chess-piece{align-self:center;height:auto;justify-self:center;width:80%}.decks-profile-container .chess-piece:hover{border-color:#fcb69f;-webkit-transform:scale(1.05);transform:scale(1.05)}.decks-profile-container .chess-pieces-navigation button{background-color:hsla(35,88%,68%,.71);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;margin:5px;padding:8px 16px;transition:background-color .2s ease-in-out}.decks-profile-container .chess-pieces-navigation button:disabled{background-color:#ccc}.decks-profile-container .chess-pieces-navigation button:hover:not(:disabled){background-color:#ffecd2}.button-group{margin:20px 0}.button-group,.button-group-filter{align-items:center;display:flex;gap:10px;justify-content:center}.button-group-filter{box-sizing:border-box;flex-wrap:wrap;max-width:100%;overflow:hidden;padding:10px}.decks-profile-container .button{background-color:hsla(35,88%,68%,.71);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;margin:5px;outline:none;padding:8px 16px;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s}.decks-profile-container .button:hover:not(:disabled){background-color:#ffecd2;-webkit-transform:scale(1.1);transform:scale(1.1)}.decks-profile-container .button:disabled{background-color:#ccc;cursor:default}.new-deck-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.new-deck-label{color:#000}.new-deck-input,.new-deck-label{font-size:1em;margin-bottom:10px}.new-deck-input{border:1px solid #ccc;border-radius:5px;padding:8px;width:200px}.new-deck-container .button{margin:0}@media (min-width:340px){.decks-profile-container .deck-card{align-items:stretch;flex-direction:column}.decks-profile-container .deck-actions{justify-content:space-around;width:100%}.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,2em);grid-template-rows:repeat(2,2em);max-height:6.4em;max-width:25.4em;padding-left:5px}.decks-profile-container .draft-chessboard-cell{height:2.5em;width:2.5em}.decks-profile-container .image{height:.7em;width:.7em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:.7em;padding:6px 12px}}@media (min-width:370px){.decks-profile-container .deck-card{align-items:stretch;flex-direction:column}.decks-profile-container .deck-actions{justify-content:space-around;width:100%}.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,2em);grid-template-rows:repeat(2,2em);max-height:6.4em;max-width:25.4em;padding-left:10px}.decks-profile-container .draft-chessboard-cell{height:2.5em;width:2.5em}.decks-profile-container .image{height:.8em;width:.8em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:.7em;padding:6px 12px}}@media (min-width:440px){.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,2.6em);grid-template-rows:repeat(2,2.8em);max-height:6.8em;max-width:29.6em;padding-left:15px}.decks-profile-container .draft-chessboard-cell{height:3em;width:3em}.decks-profile-container .image{height:1em;width:1em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:.8em;padding:8px 16px}}@media (min-width:540px){.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,3em);grid-template-rows:repeat(2,3em);max-height:7.2em;max-width:31em}.decks-profile-container .draft-chessboard-cell{height:3.2em;width:3.2em}.decks-profile-container .image{height:1.1em;width:1.1em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:.9em;padding:10px 20px}}@media (min-width:640px){.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,3.6em);grid-template-rows:repeat(2,3.6em);max-height:8em;max-width:38em;padding-left:25px}.decks-profile-container .draft-chessboard-cell{height:3.7em;width:3.7em}.decks-profile-container .image{height:1.2em;width:1.2em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:1em;padding:12px 24px}}@media (min-width:740px){.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,4.3em);grid-template-rows:repeat(2,4em);margin-bottom:20px;max-height:9em;max-width:45em;padding-left:50px}.decks-profile-container .draft-chessboard-cell{height:4.4em;width:4.6em}.decks-profile-container .image{height:1.4em;width:1.4em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:1.1em;padding:14px 28px}}@media (min-width:820px){.decks-profile-container .draft-chessboard-grid{gap:5px;grid-template-columns:repeat(8,5em);grid-template-rows:repeat(2,4.4em);height:auto;margin-bottom:20px;max-height:10em;max-width:52em;padding-left:80px}.decks-profile-container .draft-chessboard-cell{height:4.4em;width:4.6em}.decks-profile-container .image{height:1.4em;width:1.4em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:1.2em;padding:16px 32px}}@media (min-width:900px){.draft-chessboard-grid{grid-template-columns:repeat(8,5em);grid-template-rows:repeat(2,5em);height:auto;margin-bottom:10px}}@media (min-width:1020px){.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,6em);grid-template-rows:repeat(2,6em);height:auto;margin-bottom:10px;max-height:16em;max-width:66em}.decks-profile-container .draft-chessboard-cell{height:6em;width:6em}.decks-profile-container .image{height:2em;width:2em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:1.3em;padding:18px 36px}}@media (min-width:1600px){.decks-profile-container .draft-chessboard-grid{grid-template-columns:repeat(8,11em);grid-template-rows:repeat(2,9em);max-height:26em;max-width:136em;padding-left:200px}.decks-profile-container .draft-chessboard-cell{height:9em;width:9em}.decks-profile-container .image{height:3em;width:3em}.decks-profile-container .button,.decks-profile-container .chess-pieces-navigation button{font-size:1.4em;padding:20px 40px}}.background-container-p5{height:100%;margin:0;padding:0;position:relative;width:100%}.p5-background{background:url(/static/media/CC_background_plain.ca9a6c008b044a2c936b.webp) no-repeat 50% fixed;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.body{overflow:hidden}.front_page_container{background:linear-gradient(90deg,#fcd6a0,#fde0b7 20%,#ffecd2 40%,#fcb69f 60%,#fcc1ad 80%,#ff9b79);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;justify-content:center;overflow:hidden;padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,0) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,0);width:100vw;z-index:1}.front_page_container,.game-modes-container{align-items:center;display:flex;flex-direction:column;position:relative}.game-modes-container{max-width:800px;padding:20px;width:90%;z-index:10}.title{-webkit-animation:fadeInDown .8s ease-out;animation:fadeInDown .8s ease-out;color:#fff;font-family:Brain,sans-serif;font-size:3rem;margin-bottom:40px;text-align:center;text-shadow:3px 3px 8px rgba(0,0,0,.8)}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.main-layout{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:900px;width:100%}.menu-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);max-width:800px;width:100%}.menu-item{align-items:center;-webkit-animation:fadeIn .6s ease-out forwards;animation:fadeIn .6s ease-out forwards;border:2px solid rgba(0,0,0,.2);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;opacity:0;padding:20px;position:relative;transition:all .3s ease}.menu-item:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.menu-item:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.menu-item:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.menu-item:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.menu-item:hover:not(.disabled){box-shadow:0 10px 25px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-item.disabled{cursor:not-allowed;opacity:.5}.central-chess-board{grid-gap:0!important;-webkit-animation:fadeIn .8s ease-out .4s forwards;animation:fadeIn .8s ease-out .4s forwards;background:#2c1810!important;border:10px solid #4a3728!important;border-radius:4px!important;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 0 20px rgba(0,0,0,.3)!important;display:grid!important;gap:0!important;grid-template-columns:repeat(8,80px)!important;grid-template-rows:repeat(8,80px)!important;opacity:0}.chess-game-square{align-items:center;border:.5px solid rgba(0,0,0,.1);display:flex;height:100%;justify-content:center;width:100%}.chess-game-square.light-square{background-color:#f0d9b5}.chess-game-square.dark-square{background-color:#b58863}.chess-game-piece{-webkit-animation:fadeInPiece .6s ease-in-out;animation:fadeInPiece .6s ease-in-out;-webkit-filter:drop-shadow(2px 2px 3px rgba(0,0,0,.4));filter:drop-shadow(2px 2px 3px rgba(0,0,0,.4));height:85%;object-fit:contain;pointer-events:none;transition:all .6s ease-in-out;width:85%}@-webkit-keyframes fadeInPiece{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInPiece{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.player1-piece{-webkit-filter:drop-shadow(2px 2px 3px rgba(0,100,200,.5));filter:drop-shadow(2px 2px 3px rgba(0,100,200,.5))}.player2-piece{-webkit-filter:drop-shadow(2px 2px 3px rgba(200,0,0,.5));filter:drop-shadow(2px 2px 3px rgba(200,0,0,.5))}.moving-hand-container{-webkit-animation:moveHand 1.2s ease-in-out forwards;animation:moveHand 1.2s ease-in-out forwards;left:0;pointer-events:none;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;z-index:100}@-webkit-keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1);transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1);transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1)}25%{-webkit-transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1.1);transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1.1)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*40px + 40px),calc((var(--from-row) + var(--to-row))*40px + 40px)) scale(1.15);transform:translate(calc((var(--from-col) + var(--to-col))*40px + 40px),calc((var(--from-row) + var(--to-row))*40px + 40px)) scale(1.15)}75%{-webkit-transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1.1);transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1.1)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1);transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1);transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1)}}@keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1);transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1);transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1)}25%{-webkit-transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1.1);transform:translate(calc(var(--from-col)*80px + 40px),calc(var(--from-row)*80px + 40px)) scale(1.1)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*40px + 40px),calc((var(--from-row) + var(--to-row))*40px + 40px)) scale(1.15);transform:translate(calc((var(--from-col) + var(--to-col))*40px + 40px),calc((var(--from-row) + var(--to-row))*40px + 40px)) scale(1.15)}75%{-webkit-transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1.1);transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1.1)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1);transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1);transform:translate(calc(var(--to-col)*80px + 40px),calc(var(--to-row)*80px + 40px)) scale(1)}}.moving-hand{-webkit-filter:drop-shadow(3px 3px 6px rgba(0,0,0,.5));filter:drop-shadow(3px 3px 6px rgba(0,0,0,.5));height:120px;left:-60px;position:absolute;top:-60px;width:120px}.piece-being-moved{-webkit-filter:drop-shadow(3px 3px 6px rgba(0,0,0,.6));filter:drop-shadow(3px 3px 6px rgba(0,0,0,.6));height:68px;left:-34px;position:absolute;top:-34px;width:68px}.light-square{background:linear-gradient(145deg,#f0d9b5,#e8d1ad)}.dark-square{background:linear-gradient(145deg,#b58863,#a87d56)}.menu-item.light-square:hover:not(.disabled){background:linear-gradient(145deg,#fff4e0,#f0d9b5)}.menu-item.dark-square:hover:not(.disabled){background:linear-gradient(145deg,#c49b72,#b58863)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.chess-piece-icon{-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));font-size:2.5rem;line-height:1;margin-bottom:8px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.menu-item:hover:not(.disabled) .chess-piece-icon{-webkit-transform:translateY(-5px) scale(1.1);transform:translateY(-5px) scale(1.1)}.menu-item-image-icon{-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));height:60px;margin-bottom:8px;object-fit:contain;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:60px}.menu-item:hover:not(.disabled) .menu-item-image-icon{-webkit-transform:translateY(-5px) scale(1.1);transform:translateY(-5px) scale(1.1)}.light-square .menu-item-title{color:#4a3728}.light-square .menu-item-description{color:#6b5744}.dark-square .menu-item-title{color:#f0d9b5}.dark-square .menu-item-description{color:#d4c4a8}.menu-item-title{font-size:1.1rem;font-weight:700;margin:5px 0;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.menu-item-description,.menu-item-title{font-family:Brain,sans-serif;line-height:1.2;text-align:center}.menu-item-description{font-size:.8rem;margin:3px 0}.coming-soon-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff;font-family:Brain,sans-serif;font-size:.85rem;font-weight:700;padding:5px 15px;position:absolute;right:15px;top:15px}@media (max-width:1024px){.central-chess-board{border-width:8px!important;grid-template-columns:repeat(8,60px)!important;grid-template-rows:repeat(8,60px)!important}@-webkit-keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8)}25%{-webkit-transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.9);transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.9)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*30px + 30px),calc((var(--from-row) + var(--to-row))*30px + 30px)) scale(.95);transform:translate(calc((var(--from-col) + var(--to-col))*30px + 30px),calc((var(--from-row) + var(--to-row))*30px + 30px)) scale(.95)}75%{-webkit-transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.9);transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.9)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8)}}@keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.8)}25%{-webkit-transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.9);transform:translate(calc(var(--from-col)*60px + 30px),calc(var(--from-row)*60px + 30px)) scale(.9)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*30px + 30px),calc((var(--from-row) + var(--to-row))*30px + 30px)) scale(.95);transform:translate(calc((var(--from-col) + var(--to-col))*30px + 30px),calc((var(--from-row) + var(--to-row))*30px + 30px)) scale(.95)}75%{-webkit-transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.9);transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.9)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8);transform:translate(calc(var(--to-col)*60px + 30px),calc(var(--to-row)*60px + 30px)) scale(.8)}}.moving-hand{height:90px;left:-45px;top:-45px;width:90px}.piece-being-moved{height:51px;left:-25.5px;top:-25.5px;width:51px}.menu-row{max-width:600px}.menu-item{min-height:100px;padding:15px}.title{font-size:2.5rem}.chess-piece-icon{font-size:2rem}.menu-item-title{font-size:.95rem}.menu-item-description{font-size:.75rem}}@media (max-width:768px){.central-chess-board{border-width:6px!important;grid-template-columns:repeat(8,45px)!important;grid-template-rows:repeat(8,45px)!important}@-webkit-keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6)}25%{-webkit-transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.7);transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.7)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*22.5px + 22.5px),calc((var(--from-row) + var(--to-row))*22.5px + 22.5px)) scale(.75);transform:translate(calc((var(--from-col) + var(--to-col))*22.5px + 22.5px),calc((var(--from-row) + var(--to-row))*22.5px + 22.5px)) scale(.75)}75%{-webkit-transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.7);transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.7)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6)}}@keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.6)}25%{-webkit-transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.7);transform:translate(calc(var(--from-col)*45px + 22.5px),calc(var(--from-row)*45px + 22.5px)) scale(.7)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*22.5px + 22.5px),calc((var(--from-row) + var(--to-row))*22.5px + 22.5px)) scale(.75);transform:translate(calc((var(--from-col) + var(--to-col))*22.5px + 22.5px),calc((var(--from-row) + var(--to-row))*22.5px + 22.5px)) scale(.75)}75%{-webkit-transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.7);transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.7)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6);transform:translate(calc(var(--to-col)*45px + 22.5px),calc(var(--to-row)*45px + 22.5px)) scale(.6)}}.moving-hand{height:70px;left:-35px;top:-35px;width:70px}.piece-being-moved{height:38px;left:-19px;top:-19px;width:38px}.menu-row{gap:8px;max-width:450px}.menu-item{min-height:90px;padding:12px}.title{font-size:2rem;margin-bottom:20px}.chess-piece-icon{font-size:1.8rem}.menu-item-title{font-size:.85rem}.menu-item-description{font-size:.7rem}}@media (max-width:480px){.game-modes-container{padding:10px;width:95%}.main-layout{gap:15px}.central-chess-board{border-width:4px!important;grid-template-columns:repeat(8,35px)!important;grid-template-rows:repeat(8,35px)!important}.menu-row{gap:6px;grid-template-columns:repeat(2,1fr);max-width:350px}.menu-item{min-height:80px;padding:10px}.title{font-size:1.6rem;margin-bottom:15px}.chess-piece-icon{font-size:1.4rem;margin-bottom:4px}.menu-item-title{font-size:.7rem;margin:2px 0}.menu-item-description{font-size:.6rem;margin:2px 0}}@media (max-height:1000px) and (min-height:801px){.front_page_container{justify-content:flex-start;padding-top:max(env(safe-area-inset-top,20px),20px)}.game-modes-container{margin-top:80px}.main-layout{gap:10px}.menu-item{min-height:70px;padding:10px}.menu-item-image-icon{height:45px;width:45px}.chess-piece-icon{font-size:1.8rem}.central-chess-board{border-width:3px!important;grid-template-columns:repeat(8,28px)!important;grid-template-rows:repeat(8,28px)!important}@-webkit-keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45)}25%{-webkit-transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.55);transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.55)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*14px + 14px),calc((var(--from-row) + var(--to-row))*14px + 14px)) scale(.6);transform:translate(calc((var(--from-col) + var(--to-col))*14px + 14px),calc((var(--from-row) + var(--to-row))*14px + 14px)) scale(.6)}75%{-webkit-transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.55);transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.55)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45)}}@keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.45)}25%{-webkit-transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.55);transform:translate(calc(var(--from-col)*28px + 14px),calc(var(--from-row)*28px + 14px)) scale(.55)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*14px + 14px),calc((var(--from-row) + var(--to-row))*14px + 14px)) scale(.6);transform:translate(calc((var(--from-col) + var(--to-col))*14px + 14px),calc((var(--from-row) + var(--to-row))*14px + 14px)) scale(.6)}75%{-webkit-transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.55);transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.55)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45);transform:translate(calc(var(--to-col)*28px + 14px),calc(var(--to-row)*28px + 14px)) scale(.45)}}.moving-hand{height:55px;left:-27.5px;top:-27.5px;width:55px}.piece-being-moved{height:24px;left:-12px;top:-12px;width:24px}}@media (max-height:800px) and (min-height:701px){.front_page_container{justify-content:flex-start;padding-top:max(env(safe-area-inset-top,15px),15px)}.game-modes-container{margin-top:60px}.main-layout{gap:8px}.menu-item{min-height:60px;padding:8px}.menu-item-image-icon{height:38px;width:38px}.chess-piece-icon{font-size:1.5rem}.central-chess-board{border-width:2px!important;grid-template-columns:repeat(8,25px)!important;grid-template-rows:repeat(8,25px)!important}@-webkit-keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4)}25%{-webkit-transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.5);transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.5)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*12.5px + 12.5px),calc((var(--from-row) + var(--to-row))*12.5px + 12.5px)) scale(.55);transform:translate(calc((var(--from-col) + var(--to-col))*12.5px + 12.5px),calc((var(--from-row) + var(--to-row))*12.5px + 12.5px)) scale(.55)}75%{-webkit-transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.5);transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.5)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4)}}@keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.4)}25%{-webkit-transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.5);transform:translate(calc(var(--from-col)*25px + 12.5px),calc(var(--from-row)*25px + 12.5px)) scale(.5)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*12.5px + 12.5px),calc((var(--from-row) + var(--to-row))*12.5px + 12.5px)) scale(.55);transform:translate(calc((var(--from-col) + var(--to-col))*12.5px + 12.5px),calc((var(--from-row) + var(--to-row))*12.5px + 12.5px)) scale(.55)}75%{-webkit-transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.5);transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.5)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4);transform:translate(calc(var(--to-col)*25px + 12.5px),calc(var(--to-row)*25px + 12.5px)) scale(.4)}}.moving-hand{height:50px;left:-25px;top:-25px;width:50px}.piece-being-moved{height:21px;left:-10.5px;top:-10.5px;width:21px}}@media (max-height:700px){.front_page_container{justify-content:flex-start;padding-bottom:max(env(safe-area-inset-bottom,15px),15px);padding-top:max(env(safe-area-inset-top,10px),10px)}.game-modes-container{margin-top:40px;padding:5px}.main-layout{gap:8px}.central-chess-board{border-width:2px!important;grid-template-columns:repeat(8,22px)!important;grid-template-rows:repeat(8,22px)!important}@-webkit-keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4)}25%{-webkit-transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.5);transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.5)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*11px + 11px),calc((var(--from-row) + var(--to-row))*11px + 11px)) scale(.55);transform:translate(calc((var(--from-col) + var(--to-col))*11px + 11px),calc((var(--from-row) + var(--to-row))*11px + 11px)) scale(.55)}75%{-webkit-transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.5);transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.5)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4)}}@keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.4)}25%{-webkit-transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.5);transform:translate(calc(var(--from-col)*22px + 11px),calc(var(--from-row)*22px + 11px)) scale(.5)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*11px + 11px),calc((var(--from-row) + var(--to-row))*11px + 11px)) scale(.55);transform:translate(calc((var(--from-col) + var(--to-col))*11px + 11px),calc((var(--from-row) + var(--to-row))*11px + 11px)) scale(.55)}75%{-webkit-transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.5);transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.5)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4);transform:translate(calc(var(--to-col)*22px + 11px),calc(var(--to-row)*22px + 11px)) scale(.4)}}.moving-hand{height:45px;left:-22.5px;top:-22.5px;width:45px}.piece-being-moved{height:19px;left:-9.5px;top:-9.5px;width:19px}.menu-row{gap:5px}.menu-item{min-height:60px;padding:8px}.menu-item-image-icon{height:40px;margin-bottom:4px;width:40px}.chess-piece-icon{font-size:1.2rem;margin-bottom:3px}.menu-item-title{font-size:.65rem;margin:1px 0}.menu-item-description{font-size:.55rem;margin:1px 0}.coming-soon-badge{font-size:.7rem;padding:3px 10px;right:8px;top:8px}}@media (max-height:600px){.front_page_container{justify-content:flex-start;padding-bottom:max(env(safe-area-inset-bottom,20px),20px);padding-top:max(env(safe-area-inset-top,5px),5px)}.game-modes-container{margin-top:24px;padding:3px}.main-layout{gap:5px}.central-chess-board{border-width:2px!important;grid-template-columns:repeat(8,18px)!important;grid-template-rows:repeat(8,18px)!important}@-webkit-keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35)}25%{-webkit-transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.45);transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.45)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*9px + 9px),calc((var(--from-row) + var(--to-row))*9px + 9px)) scale(.5);transform:translate(calc((var(--from-col) + var(--to-col))*9px + 9px),calc((var(--from-row) + var(--to-row))*9px + 9px)) scale(.5)}75%{-webkit-transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.45);transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.45)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35)}}@keyframes moveHand{0%{opacity:0;-webkit-transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35)}15%{opacity:1;-webkit-transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.35)}25%{-webkit-transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.45);transform:translate(calc(var(--from-col)*18px + 9px),calc(var(--from-row)*18px + 9px)) scale(.45)}50%{-webkit-transform:translate(calc((var(--from-col) + var(--to-col))*9px + 9px),calc((var(--from-row) + var(--to-row))*9px + 9px)) scale(.5);transform:translate(calc((var(--from-col) + var(--to-col))*9px + 9px),calc((var(--from-row) + var(--to-row))*9px + 9px)) scale(.5)}75%{-webkit-transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.45);transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.45)}85%{opacity:1;-webkit-transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35)}to{opacity:0;-webkit-transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35);transform:translate(calc(var(--to-col)*18px + 9px),calc(var(--to-row)*18px + 9px)) scale(.35)}}.moving-hand{height:40px;left:-20px;top:-20px;width:40px}.piece-being-moved{height:15px;left:-7.5px;top:-7.5px;width:15px}.menu-row{gap:4px}.menu-item{min-height:50px;padding:6px}.menu-item-image-icon{height:32px;margin-bottom:2px;width:32px}.chess-piece-icon{font-size:1rem;margin-bottom:2px}.menu-item-title{font-size:.6rem;margin:1px 0}.menu-item-description{font-size:.5rem;margin:0}.coming-soon-badge{font-size:.6rem;padding:2px 8px;right:5px;top:5px}.shaking-hands-icon{height:50px;width:50px}.draw-message{font-size:1.2rem}.draw-subtext{font-size:.7rem}.draw-message-container{gap:10px;padding:15px}}.game-draw-overlay{align-items:center;-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;background-color:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.draw-message-container{align-items:center;-webkit-animation:scaleIn .6s ease-out;animation:scaleIn .6s ease-out;display:flex;flex-direction:column;gap:20px;padding:40px}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.shaking-hands-icon{-webkit-animation:gentleShake 2s ease-in-out infinite;animation:gentleShake 2s ease-in-out infinite;-webkit-filter:drop-shadow(0 0 20px hsla(0,0%,100%,.5));filter:drop-shadow(0 0 20px rgba(255,255,255,.5));height:120px;width:120px}@-webkit-keyframes gentleShake{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes gentleShake{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.draw-message{color:#fff;font-size:3rem;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.draw-message,.draw-subtext{font-family:Arial,sans-serif;margin:0}.draw-subtext{color:#ccc;font-size:1.2rem;text-align:center}@media (max-width:768px){.shaking-hands-icon{height:90px;width:90px}.draw-message{font-size:2rem}.draw-subtext{font-size:1rem}.draw-message-container{padding:30px}}@media (max-width:480px){.shaking-hands-icon{height:50px;width:50px}.draw-message{font-size:1.2rem}.draw-subtext{font-size:.75rem}.draw-message-container{gap:10px;padding:15px}}@media (max-height:700px){.shaking-hands-icon{height:50px;width:50px}.draw-message{font-size:1.3rem}.draw-subtext{font-size:.75rem}.draw-message-container{gap:8px;padding:12px}}@media (max-height:600px){.shaking-hands-icon{height:35px;width:35px}.draw-message{font-size:1rem}.draw-subtext{font-size:.6rem}.draw-message-container{gap:5px;padding:8px}}.online-count{bottom:20%;font-family:Brain;font-size:larger;position:relative;text-shadow:2px 2px 5px hsla(0,0%,100%,.904)}.footer{background-color:#333;bottom:0;color:#fff;padding:10px 0;position:fixed;text-align:center;width:100%}:root{--stats-bg-color:#f9f9f9;--stats-accent-color:coral;--stats-border-color:#ddd;--stats-text-color:#333;--stats-success-color:#28a745;--stats-failure-color:#dc3545;--stats-highlight-color:#007bff;--stats-tab-font-size:16px;--stats-padding:10px;--stats-bg-gradient:conic-gradient(from 15deg,#090301,#ffecd2);--stats-box-shadow:0 2px 5px rgba(0,0,0,.1)}.stats-tabs-container{background:conic-gradient(from 15deg,#090301,#ffecd2);background:var(--stats-bg-gradient);border-radius:8px;border-radius:var(--stats-border-radius);box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:var(--stats-box-shadow);margin:20px auto;max-width:800px;padding:10px;padding:var(--stats-padding);width:100%}.stats-tabs-header{display:flex;justify-content:space-around;margin-bottom:20px}.stats-tab-button{background-color:#fff;border:1px solid #ddd;border:1px solid var(--stats-border-color);border-radius:8px;border-radius:var(--stats-border-radius);color:#333;color:var(--stats-text-color);cursor:pointer;font-size:16px;font-size:var(--stats-tab-font-size);padding:10px 15px;transition:background-color .3s,color .3s}.stats-tab-button.active,.stats-tab-button:hover{background-color:coral;background-color:var(--stats-accent-color);color:#fff}.stats-tab-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:561px) and (max-width:1000px){.stats-tab-grid{grid-template-columns:repeat(2,1fr)}}.stats-tab-item{text-align:center}.stats-tab-item,.stats-tab-item-piece{background:var(--stats-card-bg);border:1px solid #ddd;border:1px solid var(--stats-border-color);border-radius:8px;border-radius:var(--stats-border-radius);box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:var(--stats-box-shadow);padding:10px;padding:var(--stats-padding)}.stats-tab-item-piece{align-items:center;display:flex}.stats-piece-image{border-radius:8px;height:80px;margin-right:15px;width:80px}.stats-piece-details{display:flex;flex-direction:column;font-size:14px;text-align:left}.stats-piece-details h4{background:linear-gradient(90deg,red,orange,green,blue,indigo,violet);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px;font-weight:700;margin:0 0 8px}.stats-super-achievement-locked{color:#dc3545;color:var(--stats-failure-color);font-weight:700;text-align:center}.stats-super-achievement-unlocked{color:#28a745;color:var(--stats-success-color);font-weight:700;text-align:center}.stats-piece-details p{align-items:center;display:flex;justify-content:space-between;margin:8px 0}.stats-piece-details p span.stat-value{color:#333;color:var(--stats-text-color);font-size:18px;font-weight:700;margin-left:10px}.stats-piece-details p span.stat-description{color:#3c3b3b;font-size:14px;margin-right:10px}.stats-tab-item h4{font-size:18px;font-weight:700;margin-bottom:10px}.stats-tab-item p{font-size:16px;margin:5px 0}.stats-tab-item p span.stat-description{font-size:16px;font-weight:700}.stats-tab-item p span.stat-value{font-size:18px;font-weight:700}.stats-tab-item p span.stat-description.wins{color:#28a745;color:var(--stats-success-color)}.stats-tab-item p span.stat-description.losses{color:#dc3545;color:var(--stats-failure-color)}@media (max-width:560px){.stats-tab-grid{grid-template-columns:1fr}.stats-piece-image{height:70px;width:70px}}:root{--stats-bg-gradient:conic-gradient(from 45deg,#fcb69f,#ffecd2);--stats-box-shadow:0 0 10px rgba(0,0,0,.1);--stats-font-size:16px;--stats-header-font-size:24px;--stats-secondary-font-size:20px;--stats-card-bg:#7c735c36;--stats-card-shadow:0 2px 8px rgba(0,0,0,.1);--stats-padding:20px;--stats-border-radius:8px}.stats-achievements-page{align-items:center;background:conic-gradient(from 45deg,#fcb69f,#ffecd2);background:var(--stats-bg-gradient);display:flex;flex-direction:column;height:100%;min-height:100vh;padding:20px;padding:var(--stats-padding);width:100%}.stats-header{color:#333;font-size:24px;font-size:var(--stats-header-font-size);font-weight:700;margin-bottom:20px;text-align:center}.stats-profile-image{border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.3);height:100px;margin-bottom:15px;object-fit:cover;width:100px}.stats-card{background:#7c735c36;background:var(--stats-card-bg);border-radius:8px;border-radius:var(--stats-border-radius);box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:var(--stats-card-shadow);margin:15px 0;max-width:800px;padding:20px;padding:var(--stats-padding);width:90%}.stats-card h2{color:#555;font-size:20px;font-size:var(--stats-secondary-font-size);margin-bottom:10px}.stats-card pre{background:#f8f9fa;border-radius:8px;border-radius:var(--stats-border-radius);color:#444;font-size:16px;font-size:var(--stats-font-size);overflow-x:auto;padding:10px}@media (max-width:380px){.stats-header{font-size:18px}.stats-card{padding:10px}.stats-profile-image{height:80px;width:80px}}@media (max-width:480px){.stats-card{padding:12px}}@media (max-width:560px){.stats-header{font-size:20px}}@media (max-width:780px){.stats-card{width:95%}}@media (min-width:1000px){.stats-card{width:70%}.stats-profile-image{height:120px;width:120px}}.admin-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.admin-dashboard *{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.admin-dashboard ::selection{background-color:rgba(76,175,80,.4);color:#fff}.admin-dashboard ::-moz-selection{background-color:rgba(76,175,80,.4);color:#fff}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border-bottom:2px solid hsla(0,0%,100%,.1);display:flex;justify-content:center;padding:1.5rem 2rem;position:relative}.admin-header h1{font-size:2rem;font-weight:600;margin:0}.admin-user-info{align-items:center;display:flex;gap:1rem;position:absolute;right:2rem}.home-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.home-btn:hover{background:hsla(0,0%,100%,.2)}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 80px);position:relative}.admin-sidebar{background:rgba(30,30,50,.98);border-right:3px solid rgba(76,175,80,.6);box-shadow:4px 0 20px rgba(0,0,0,.5);padding:2rem 1rem;position:relative}.sidebar-title{color:#4caf50;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding:0 .75rem;position:relative;text-shadow:0 0 15px rgba(76,175,80,.8)}.admin-nav{display:flex;flex-direction:column;gap:.75rem}.nav-btn{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#4caf50!important;border:2px solid #fff!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:block!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:1rem!important;font-weight:500!important;line-height:1.5!important;margin:0!important;min-height:50px!important;opacity:1!important;overflow:visible!important;padding:1rem 1.5rem!important;position:relative!important;text-align:left!important;transition:all .3s ease!important;visibility:visible!important;width:100%!important}.nav-btn:hover{background:rgba(76,175,80,.4)!important;border-color:rgba(76,175,80,.8)!important;color:#fff!important;-webkit-transform:translateX(5px);transform:translateX(5px)}.nav-btn.active{background:rgba(76,175,80,.5)!important;border-color:#4caf50!important;color:#4caf50!important;font-weight:600}.admin-content{overflow-y:auto;padding:2rem}.admin-screen{margin:0 auto;max-width:1400px}.admin-screen h2{color:#4caf50;font-size:1.8rem;margin:0 0 1rem}.quick-stats-placeholder{background:hsla(0,0%,100%,.03);border:1px dashed hsla(0,0%,100%,.2);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;min-height:400px;padding:2rem;text-align:center}.quick-stats-placeholder>p{color:hsla(0,0%,100%,.5);font-style:italic;margin:0}.temp-stats{display:flex;flex-direction:column;gap:.75rem;text-align:left}.temp-stat-item{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:.5rem 0}.temp-stat-label{color:hsla(0,0%,100%,.7)}.temp-stat-value{color:#4caf50;font-weight:600}.temp-status-breakdown{margin-top:1rem;text-align:left}.temp-status-breakdown h4{color:hsla(0,0%,100%,.8);font-size:1rem;margin-bottom:.75rem}.temp-status-item{color:hsla(0,0%,100%,.7);display:flex;justify-content:space-between;padding:.5rem 0}.temp-status-item span:last-child{color:#4caf50;font-weight:600}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;text-align:center}.stat-card h3,.stat-card h4{color:hsla(0,0%,100%,.7);font-size:.9rem;margin:0 0 1rem}.stat-value{font-size:2.5rem;font-weight:700}.screen-header{margin-bottom:1.5rem}.refresh-controls{align-items:center;display:flex;gap:.75rem}.refresh-mode-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.7);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.refresh-mode-btn:hover{background:hsla(0,0%,100%,.15)}.refresh-mode-btn.active{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.refresh-rate-select{background:rgba(0,0,0,.3);border:1px solid rgba(76,175,80,.3);border-radius:6px;color:#4caf50;cursor:pointer;outline:none}.refresh-rate-select:focus{border-color:rgba(76,175,80,.6)}.refresh-btn{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);border-radius:8px;color:#4caf50;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.refresh-btn:hover{background:rgba(76,175,80,.3)}.connections-stats{background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1rem}.stat-inline{align-items:center;display:flex;gap:.5rem}.stat-inline.highlight{color:#4caf50;font-size:1.1rem}.section-description{color:hsla(0,0%,100%,.6);font-size:.9rem;font-style:italic;margin:0}.section-description strong{color:#4caf50;font-style:normal}.server-config-info{background:hsla(0,0%,100%,.05);border:1px solid rgba(76,175,80,.3);border-radius:8px;margin-bottom:2rem;padding:1rem}.server-config-info h4{color:#4caf50;font-size:.95rem;margin:0 0 .75rem}.config-items{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.config-item{display:flex;font-size:.85rem;gap:.5rem}.config-label{color:hsla(0,0%,100%,.6);font-weight:500}.config-value{color:hsla(0,0%,100%,.9);font-family:monospace}.pagination-controls{border-top:1px solid hsla(0,0%,100%,.1);margin-top:1rem;padding-top:1rem}.page-btn{appearance:none!important;-webkit-appearance:none!important;background:rgba(76,175,80,.2)!important;border:1px solid rgba(76,175,80,.4)!important;border-radius:6px!important;color:#4caf50!important;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:.9rem!important;font-weight:500!important;padding:.5rem 1rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:rgba(76,175,80,.3)!important;border-color:rgba(76,175,80,.6)!important}.page-btn:disabled{cursor:not-allowed;opacity:.3}.page-info{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:.9rem;gap:.5rem}.page-select{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .6rem}.page-select:focus{border-color:rgba(76,175,80,.6);outline:none}.tables-container{display:flex;flex-direction:column;gap:2rem}.table-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;padding:1.5rem}.table-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.table-section h3{color:#4caf50;margin:0 0 .5rem}.table-wrapper{margin:0 -.5rem;overflow-x:auto;overflow-y:visible;padding:0 .5rem}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:rgba(76,175,80,.3);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(76,175,80,.5)}.admin-table{border-collapse:collapse;min-width:800px;width:100%}.admin-table thead{background:rgba(76,175,80,.1)}.admin-table th{border-bottom:2px solid rgba(76,175,80,.3);color:#4caf50;padding:1rem;text-align:left}.admin-table td{border-bottom:1px solid hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.8);padding:.75rem 1rem}.admin-table tbody tr:hover{background:hsla(0,0%,100%,.03)}.socket-id{color:#8bc34a;font-family:monospace}.player-id{color:hsla(0,0%,100%,.5);font-size:.85rem}.socket-details-table{font-size:.9rem;min-width:1400px;table-layout:auto}.socket-details-table th{font-size:.85rem;padding:.75rem .5rem;white-space:nowrap}.socket-details-table td{font-size:.85rem;padding:.6rem .5rem;white-space:nowrap}.socket-details-table .socket-id{color:#8bc34a;font-family:monospace;font-weight:600}.socket-details-table .remote-addr{color:#64b5f6;font-family:monospace}.socket-details-table .transport{text-align:center}.transport-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.transport-badge.websocket{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.transport-badge.polling{background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.4);color:#ffc107}.status-badge{font-size:.75rem;padding:.25rem .6rem;text-transform:capitalize}.status-badge.connected{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.status-badge.closed,.status-badge.disconnected{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);color:#f44336}.status-badge.closing{background:rgba(255,152,0,.2);border:1px solid rgba(255,152,0,.4);color:#ff9800}.status-badge.unknown{background:hsla(0,0%,62%,.2);border:1px solid hsla(0,0%,62%,.4);color:#9e9e9e}.socket-details-table .duration,.socket-details-table .last-ping{color:hsla(0,0%,100%,.7);font-family:monospace;text-align:right}.socket-details-table .namespace{color:hsla(0,0%,100%,.6);font-family:monospace;font-size:.8rem}.socket-details-table .rooms{color:rgba(156,39,176,.9);font-family:monospace;max-width:150px}.socket-details-table .origin,.socket-details-table .rooms{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socket-details-table .origin{color:hsla(0,0%,100%,.6);max-width:180px}.socket-details-table .user-agent{color:hsla(0,0%,100%,.5);font-size:.75rem;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-selection{align-items:center;background:hsla(0,0%,100%,.05);border-radius:12px;display:flex;flex-wrap:wrap;gap:2rem;margin:2rem 0;padding:2rem}.bot-selector{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.bot-selector label{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500}.bot-selector select{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;padding:.75rem}.vs-indicator{color:#4caf50;font-size:2rem;font-weight:700}.game-count-selector{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:150px}.game-count-selector label{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500}.game-count-selector input[type=number]{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.game-count-selector input[type=number]:focus{border-color:rgba(76,175,80,.6);outline:none}.helper-text{color:hsla(0,0%,100%,.5);font-size:.85rem;font-style:italic}.create-game-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(76,175,80,.2);color:#fff;cursor:pointer;flex-basis:100%;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.create-game-btn:hover:not(:disabled){background:linear-gradient(135deg,#5db860,#9ccc65);box-shadow:0 4px 16px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.create-game-btn:active:not(:disabled){box-shadow:0 1px 4px rgba(76,175,80,.3);-webkit-transform:translateY(0);transform:translateY(0)}.create-game-btn:disabled{background:linear-gradient(135deg,#666,#888);cursor:not-allowed;opacity:.5}.game-viewer-container{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-top:2rem;padding:1.5rem}.viewer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.viewer-header h3{color:#4caf50;font-size:1.3rem;margin:0}.close-viewer-btn{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);border-radius:6px;color:#f44336;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.close-viewer-btn:hover{background:rgba(244,67,54,.3)}.game-iframes-grid{grid-gap:1rem;display:grid;gap:1rem}.game-iframes-grid.game-count-1{grid-template-columns:1fr}.game-iframes-grid.game-count-2,.game-iframes-grid.game-count-3,.game-iframes-grid.game-count-4{grid-template-columns:repeat(2,1fr)}.game-iframe-wrapper{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden}.iframe-header{align-items:center;background:rgba(0,0,0,.4);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:.75rem 1rem}.game-label{color:#4caf50;font-size:.9rem;font-weight:600}.open-new-tab-btn{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);border-radius:4px;color:#4caf50;font-size:.85rem;padding:.3rem .75rem;text-decoration:none;transition:all .3s ease}.open-new-tab-btn:hover{background:rgba(76,175,80,.3)}.game-iframe{background:#1a1a2e;border:none;display:block;height:600px;width:100%}@media (max-width:1400px){.game-iframes-grid.game-count-3,.game-iframes-grid.game-count-4{grid-template-columns:1fr}.game-iframe{height:500px}}.game-status{border-radius:8px;font-family:monospace;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:left;white-space:pre-line}.game-status.success{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.game-status.error{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);color:#f44336}.status-breakdown{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem}.status-list{display:flex;flex-direction:column;gap:.75rem}.status-item{background:hsla(0,0%,100%,.03);border-radius:6px;padding:.75rem}.status-item,.users-search-bar{display:flex;justify-content:space-between}.users-search-bar{align-items:center;background:hsla(0,0%,100%,.05);border-radius:12px;gap:1rem;margin:1.5rem 0;padding:1rem}.search-form{flex:1 1;gap:.5rem}.search-input{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);color:#fff;flex:1 1;font-size:1rem;padding:.75rem}.search-input:focus{border-color:rgba(76,175,80,.6)}.clear-search-btn,.search-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.search-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.search-btn:hover{box-shadow:0 4px 12px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.clear-search-btn{background:hsla(0,0%,100%,.1);color:#fff}.clear-search-btn:hover{background:hsla(0,0%,100%,.2)}.users-count{color:hsla(0,0%,100%,.8);font-size:.95rem;white-space:nowrap}.users-count strong{color:#4caf50;font-size:1.1rem}.create-user-btn{background:linear-gradient(135deg,#2196f3,#64b5f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.create-user-btn:hover{box-shadow:0 4px 12px rgba(33,150,243,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.users-table{width:100%}.users-table th{text-align:left;white-space:nowrap}.email-cell,.username-cell{font-weight:500}.profile-pic-cell{color:hsla(0,0%,100%,.6);font-family:monospace}.admin-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.admin-badge.is-admin{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.admin-badge.not-admin{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.6)}.actions-cell{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.promote-btn{background:linear-gradient(135deg,#ffc107,#ffd54f);color:#000}.promote-btn:hover{box-shadow:0 4px 12px rgba(255,193,7,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.demote-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff}.demote-btn:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#f44336,#e57373);color:#fff}.delete-btn:hover{box-shadow:0 4px 12px rgba(244,67,54,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e1e;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);max-width:500px;padding:2rem;width:90%}.modal-content.create-user-modal{max-width:600px}.modal-content h3{color:#fff;margin-bottom:1.5rem;margin-top:0}.modal-content p{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-delete-btn{background:linear-gradient(135deg,#f44336,#e57373);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.confirm-delete-btn:hover{box-shadow:0 4px 16px rgba(244,67,54,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cancel-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:hsla(0,0%,100%,.2)}.form-group{margin-bottom:1.5rem}.form-group label{color:hsla(0,0%,100%,.9);font-weight:500;margin-bottom:.5rem}.form-input{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:rgba(33,150,243,.6);outline:none}.form-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.form-input::placeholder{color:hsla(0,0%,100%,.4)}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-right:.75rem;width:18px}.checkbox-group span{color:hsla(0,0%,100%,.9)}.form-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;margin-bottom:1rem;padding:.75rem}.confirm-create-btn{background:linear-gradient(135deg,#2196f3,#64b5f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.confirm-create-btn:hover:not(:disabled){box-shadow:0 4px 16px rgba(33,150,243,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.confirm-create-btn:disabled{cursor:not-allowed;opacity:.5}.error-message,.loading-message{border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.loading-message{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50}.error-message{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#f44336}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0;padding:1rem}.pagination-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pagination-btn:disabled{background:hsla(0,0%,100%,.1);cursor:not-allowed;opacity:.3}.pagination-info{color:hsla(0,0%,100%,.8);font-weight:500;min-width:120px;text-align:center}.games-filters{background:hsla(0,0%,100%,.05);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.games-filters h3{color:#fff;margin-bottom:1rem;margin-top:0}.filters-form{width:100%}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500}.filter-input{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:.95rem;padding:.75rem;transition:border-color .3s ease}.filter-input:focus{border-color:rgba(76,175,80,.6);outline:none}.filter-input option{background:#1e1e1e;color:#fff}.filters-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.apply-filters-btn,.clear-filters-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.apply-filters-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.apply-filters-btn:hover{box-shadow:0 4px 12px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.clear-filters-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff}.clear-filters-btn:hover{background:hsla(0,0%,100%,.2)}.games-table{width:100%}.games-table .date-cell{color:hsla(0,0%,100%,.7);font-size:.85rem}.selected-row{background:rgba(76,175,80,.1)!important;border-left:3px solid #4caf50}.status-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.status-waiting{background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.4);color:#ffc107}.status-badge.status-in_progress{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.4);color:#2196f3}.status-badge.status-complete{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.status-badge.status-abandoned{background:hsla(0,0%,62%,.2);border:1px solid hsla(0,0%,62%,.4);color:#9e9e9e}.outcome-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.outcome-badge.outcome-player1_win,.outcome-badge.outcome-player2_win{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.outcome-badge.outcome-draw{background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.4);color:#ffc107}.outcome-badge.outcome-abandoned{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);color:#f44336}.view-btn{background:linear-gradient(135deg,#2196f3,#64b5f6);color:#fff}.view-btn:hover{box-shadow:0 4px 12px rgba(33,150,243,.4)}.open-btn{background:linear-gradient(135deg,#9c27b0,#ba68c8);color:#fff}.open-btn:hover{box-shadow:0 4px 12px rgba(156,39,176,.4)}.game-details-modal{max-height:90vh;max-width:900px;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#fff;margin:0}.close-modal-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-modal-btn:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.4);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.game-details-content{display:flex;flex-direction:column;gap:1.5rem}.details-section{background:hsla(0,0%,100%,.03);border-radius:8px;padding:1rem}.details-section h4{color:#4caf50;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:hsla(0,0%,100%,.6);font-size:.85rem;font-weight:500}.detail-value{color:#fff;font-size:.95rem}.json-viewer{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;max-height:400px;overflow:auto;padding:1rem}.json-viewer pre{word-wrap:break-word;color:#4caf50;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;margin:0;white-space:pre-wrap}.json-viewer::-webkit-scrollbar{height:8px;width:8px}.json-viewer::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.json-viewer::-webkit-scrollbar-thumb{background:rgba(76,175,80,.5);border-radius:4px}.json-viewer::-webkit-scrollbar-thumb:hover{background:rgba(76,175,80,.7)}.game-state-viewer{width:100%}.viewer-tabs{border-bottom:2px solid hsla(0,0%,100%,.1);display:flex;gap:.5rem;margin-bottom:1.5rem}.viewer-tab{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-bottom:none;border-radius:8px 8px 0 0;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.viewer-tab:hover{background:hsla(0,0%,100%,.1);color:#fff}.viewer-tab.active{background:rgba(76,175,80,.2);border-color:#4caf50;color:#fff;font-weight:600}.viewer-content{min-height:400px}.move-history-container{display:flex;flex-direction:column;gap:1rem}.move-stats{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:8px;display:flex;gap:2rem;padding:1rem}.stat-item{display:flex;gap:.5rem}.stat-label{color:hsla(0,0%,100%,.6);font-size:.9rem}.stat-value{color:#4caf50;font-size:.9rem;font-weight:600}.move-history-table{background:hsla(0,0%,100%,.03);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.move-history-table thead{background:rgba(76,175,80,.2)}.move-history-table th{border-bottom:2px solid rgba(76,175,80,.5);color:#4caf50;font-size:.85rem;font-weight:600;padding:.75rem;text-align:left;text-transform:uppercase}.move-history-table td{border-bottom:1px solid hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.9);font-size:.85rem;padding:.75rem}.move-history-table tbody tr{transition:background .2s ease}.move-history-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.move-history-table tbody tr.capture-move{background:rgba(244,67,54,.1)}.move-history-table tbody tr.capture-move:hover{background:rgba(244,67,54,.15)}.move-number{color:#4caf50;font-weight:600}.team-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.team-badge.team-white{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);color:#fff}.team-badge.team-black{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.2);color:#fff}.piece-cell{display:flex;flex-direction:column;gap:.25rem}.piece-name{font-weight:500}.piece-variant{color:hsla(0,0%,100%,.5);font-size:.75rem;font-style:italic}.position-cell{color:hsla(0,0%,100%,.7);font-family:Courier New,monospace}.action-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.action-badge.action-move{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.4);color:#64b5f6}.action-badge.action-capture{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);color:#ef5350}.ability-badge{background:rgba(156,39,176,.2);border:1px solid rgba(156,39,176,.4);border-radius:4px;color:#ba68c8;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.board-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.chess-board{background:rgba(0,0,0,.4);border:2px solid hsla(0,0%,100%,.2);border-radius:8px;display:inline-block;overflow:hidden}.board-row{display:flex}.col-label,.row-label{color:hsla(0,0%,100%,.5);font-size:.8rem;font-weight:600;height:40px;width:40px}.board-cell,.col-label,.row-label{align-items:center;display:flex;justify-content:center}.board-cell{height:60px;position:relative;transition:all .2s ease;width:60px}.board-cell.light{background:hsla(0,0%,100%,.15)}.board-cell.dark{background:rgba(0,0,0,.3)}.board-cell.has-piece:hover{box-shadow:inset 0 0 0 2px rgba(76,175,80,.5);z-index:1}.piece{align-items:center;display:flex;flex-direction:column;font-size:.7rem;font-weight:600;height:100%;justify-content:center;padding:.25rem;width:100%}.piece.piece-white{color:#fff;text-shadow:0 0 4px hsla(0,0%,100%,.8)}.piece.piece-black{background:hsla(0,0%,100%,.8);border-radius:4px;color:#333}.piece-id{font-size:.85rem;font-weight:700}.piece-variant-mini{font-size:.65rem;opacity:.7}.piece-status{color:#f44336;font-size:.6rem;font-weight:700;position:absolute;right:2px;top:2px}.column-labels{background:hsla(0,0%,100%,.05)}.game-status-indicators{display:flex;flex-direction:column;gap:1rem;max-width:600px;width:100%}.status-indicator{border-radius:8px;padding:1rem;text-align:center}.status-indicator.check{background:rgba(255,193,7,.2);border:2px solid rgba(255,193,7,.5);color:#ffc107}.status-indicator.checkmate{background:rgba(244,67,54,.2);border:2px solid rgba(244,67,54,.5);color:#ef5350;font-size:1.1rem}.status-indicator.attacker{background:rgba(156,39,176,.2);border:2px solid rgba(156,39,176,.5);color:#ba68c8}.captured-pieces-container{display:flex;flex-direction:column;gap:2rem}.captured-section{background:hsla(0,0%,100%,.03);border-radius:8px;padding:1rem}.captured-section h4{color:#4caf50;margin-bottom:1rem;margin-top:0}.captured-list{display:flex;flex-wrap:wrap;gap:.5rem}.captured-piece{align-items:center;background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);border-radius:6px;color:#fff;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.captured-variant{color:hsla(0,0%,100%,.6);font-size:.75rem;font-style:italic}.no-captures{color:hsla(0,0%,100%,.4);font-style:italic}.overview-container{display:flex;flex-direction:column;gap:1.5rem}.overview-section{background:hsla(0,0%,100%,.03);border-radius:8px;padding:1rem}.overview-section h4{color:#4caf50;margin-bottom:1rem;margin-top:0}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:hsla(0,0%,100%,.02);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.info-label{color:hsla(0,0%,100%,.6);font-size:.85rem}.info-value{color:#fff;font-size:.85rem;font-weight:600}.player-info{display:flex;flex-direction:column;gap:.5rem}.no-data{color:hsla(0,0%,100%,.4);font-style:italic;padding:2rem;text-align:center}.redis-monitor{display:flex;flex-direction:column;gap:1.5rem}.screen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.auto-refresh-controls{align-items:center;display:flex;gap:1rem}.checkbox-label{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:.9rem;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.refresh-rate-select{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem}.redis-tabs{border-bottom:2px solid hsla(0,0%,100%,.1);display:flex;gap:.5rem;padding-bottom:.5rem}.redis-tab{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px 8px 0 0;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.redis-tab:hover{background:hsla(0,0%,100%,.1);color:#fff}.redis-tab.active{background:rgba(244,67,54,.2);border-color:#f44336;color:#fff;font-weight:600}.redis-content{flex:1 1;min-height:400px}.redis-overview{display:flex;flex-direction:column;gap:1.5rem}.redis-section{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:1.5rem}.redis-section h3{color:#f44336;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.redis-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.redis-info-item{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.redis-label{color:hsla(0,0%,100%,.6);font-size:.85rem;font-weight:500}.redis-value{color:#fff;font-size:.9rem;font-weight:600}.redis-value.highlight{color:#f44336;font-size:1rem}.redis-info-note{background:rgba(33,150,243,.1);border-left:3px solid rgba(33,150,243,.5);border-radius:4px;color:hsla(0,0%,100%,.8);font-size:.85rem;line-height:1.5;margin-top:1rem;padding:.75rem}.redis-info-note strong{color:#64b5f6}.redis-hit-rate{background:rgba(76,175,80,.05)!important;border:1px solid rgba(76,175,80,.3)}.redis-hit-rate .redis-value{color:#4caf50;font-weight:700}.refresh-clients-btn{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.4);border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.refresh-clients-btn:hover{background:rgba(33,150,243,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.clients-table-container{margin-top:1rem}.clients-table{background:rgba(0,0,0,.2);border-collapse:collapse;border-radius:6px;font-size:.85rem;overflow:hidden;width:100%}.clients-table thead{background:rgba(244,67,54,.2)}.clients-table th{border-bottom:2px solid rgba(244,67,54,.4);color:#f44336;font-size:.8rem;font-weight:600;padding:.75rem .5rem;text-align:left;text-transform:uppercase}.clients-table td{border-bottom:1px solid hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.9);padding:.75rem .5rem}.clients-table tbody tr{transition:background .2s ease}.clients-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.client-id{color:#f44336;font-family:Courier New,monospace;font-weight:600}.client-name{color:#64b5f6;font-weight:500}.client-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.client-type-badge.type-normal{background:hsla(0,0%,62%,.2);border:1px solid hsla(0,0%,62%,.4);color:#bdbdbd}.client-type-badge.type-pub-sub{background:rgba(156,39,176,.2);border:1px solid rgba(156,39,176,.4);color:#ba68c8}.client-type-badge.type-slave{background:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.4);color:#64b5f6}.client-type-badge.type-master{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#81c784}.client-type-badge.type-blocked{background:rgba(255,152,0,.2);border:1px solid rgba(255,152,0,.4);color:#ffb74d}.client-addr{color:hsla(0,0%,100%,.7);font-family:Courier New,monospace;font-size:.8rem}.idle-warning{color:#ffb74d;font-weight:600}.subscription-info{color:#ba68c8;font-size:.8rem;font-weight:500}.subscription-info span{margin-right:.25rem}.no-subs{color:hsla(0,0%,100%,.3);font-style:italic}.client-cmd{color:#4caf50;font-family:Courier New,monospace;font-size:.8rem}.redis-channels{gap:1.5rem}.channels-list,.redis-channels{display:flex;flex-direction:column}.channels-list{gap:.75rem}.channel-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.channel-item:hover{background:hsla(0,0%,100%,.08);border-color:rgba(244,67,54,.3)}.channel-name{color:#fff;flex:1 1;font-family:Courier New,monospace;font-weight:600}.channel-subscribers{color:hsla(0,0%,100%,.6);font-size:.85rem;min-width:120px;text-align:right}.filter-channel-btn,.filter-pattern-btn{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.filter-channel-btn:hover,.filter-pattern-btn:hover{background:rgba(244,67,54,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.patterns-list{display:flex;flex-direction:column;gap:1rem}.pattern-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:1rem}.pattern-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.pattern-name{color:#f44336;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.pattern-description{color:hsla(0,0%,100%,.7);font-size:.9rem;margin-bottom:.5rem}.pattern-examples{color:hsla(0,0%,100%,.5);font-size:.85rem;font-style:italic}.listener-controls,.redis-messages{display:flex;flex-direction:column;gap:1rem}.listener-controls{background:rgba(76,175,80,.1);border:2px solid rgba(76,175,80,.3);border-radius:8px;padding:1.5rem}.listener-controls h4{color:#4caf50;font-size:1.1rem;margin:0}.listener-status{align-items:center;background:rgba(0,0,0,.2);border-radius:6px;display:flex;gap:1rem;padding:.75rem}.status-indicator{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.status-indicator.active{background:rgba(76,175,80,.3);border:2px solid #4caf50;color:#4caf50}.status-indicator.inactive{background:rgba(244,67,54,.3);border:2px solid #f44336;color:#f44336}.subscribed-patterns{color:hsla(0,0%,100%,.8);font-size:.9rem}.subscribed-patterns strong{color:#4caf50;font-family:Courier New,monospace}.listener-pattern-control{display:flex;flex-direction:column;gap:.75rem}.listener-pattern-control label{color:hsla(0,0%,100%,.8);font-weight:500}.pattern-input{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:.95rem;padding:.75rem}.pattern-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.pattern-input::placeholder{color:hsla(0,0%,100%,.4)}.listener-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.change-listener-btn,.start-listener-btn,.stop-listener-btn{border:1px solid;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.start-listener-btn{background:rgba(76,175,80,.3);border-color:#4caf50}.start-listener-btn:hover{background:rgba(76,175,80,.5);box-shadow:0 4px 12px rgba(76,175,80,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stop-listener-btn{background:rgba(244,67,54,.3);border-color:#f44336}.stop-listener-btn:hover{background:rgba(244,67,54,.5);box-shadow:0 4px 12px rgba(244,67,54,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.change-listener-btn{background:rgba(33,150,243,.3);border-color:#2196f3}.change-listener-btn:hover{background:rgba(33,150,243,.5);box-shadow:0 4px 12px rgba(33,150,243,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.listener-info{background:rgba(33,150,243,.1);border-left:3px solid rgba(33,150,243,.5);border-radius:4px;padding:.75rem}.listener-info small{color:hsla(0,0%,100%,.8);line-height:1.6}.listener-info code{background:rgba(0,0,0,.3);border-radius:3px;color:#4caf50;font-family:Courier New,monospace;padding:.2rem .5rem}.messages-controls{align-items:flex-end;background:hsla(0,0%,100%,.03);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.control-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}.control-group label{color:hsla(0,0%,100%,.7);font-size:.85rem;font-weight:500}.filter-input,.limit-select{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem}.filter-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.filter-input::placeholder{color:hsla(0,0%,100%,.4)}.clear-filter-btn,.clear-messages-btn,.refresh-messages-btn{border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.clear-filter-btn{background:hsla(0,0%,100%,.1)}.clear-filter-btn:hover{background:hsla(0,0%,100%,.15)}.refresh-messages-btn{background:rgba(33,150,243,.2);border-color:rgba(33,150,243,.4)}.refresh-messages-btn:hover{background:rgba(33,150,243,.3)}.clear-messages-btn{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.4)}.clear-messages-btn:hover{background:rgba(244,67,54,.3)}.messages-info{background:rgba(244,67,54,.1);border-radius:6px;color:hsla(0,0%,100%,.8);display:flex;font-size:.9rem;gap:.5rem;padding:.75rem}.messages-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto;padding:.5rem}.message-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:1rem;transition:all .3s ease}.message-item:hover{background:hsla(0,0%,100%,.08);border-color:rgba(244,67,54,.3)}.message-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.message-timestamp{color:hsla(0,0%,100%,.5);font-family:Courier New,monospace;font-size:.8rem}.message-channel{color:#f44336;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.message-data{background:rgba(0,0,0,.3);border-radius:4px;overflow-x:auto;padding:.75rem}.message-data pre{word-wrap:break-word;color:#4caf50;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;margin:0;white-space:pre-wrap}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.messages-list::-webkit-scrollbar-thumb{background:rgba(244,67,54,.5);border-radius:4px}.messages-list::-webkit-scrollbar-thumb:hover{background:rgba(244,67,54,.7)}@media (max-width:768px){.admin-layout{grid-template-columns:1fr}.admin-nav{flex-direction:row;overflow-x:auto}.bot-selection{flex-direction:column}.viewer-tabs{flex-wrap:wrap}.board-cell{height:40px;width:40px}.col-label,.row-label{font-size:.7rem;height:30px;width:30px}.move-history-table{font-size:.75rem}.move-history-table td,.move-history-table th{padding:.5rem .25rem}}.hvb-challenge-bot-container{align-items:center;background:linear-gradient(90deg,#fcd6a0,#fde0b7 20%,#ffecd2 40%,#fcb69f 60%,#fcc1ad 80%,#ff9b79);background-size:cover;color:#333;display:flex;flex-direction:column;justify-content:flex-start;max-height:100vh;min-height:100vh;overflow-y:auto;padding:15px}.hvb-challenge-bot-content{background:transparent;border-radius:0;flex-shrink:0;margin:20px auto;max-width:1200px;padding:40px;position:relative;width:90%}.hvb-challenge-bot-content:before{background-color:#fff;box-shadow:15px 15px 33px rgba(27,27,27,.15);content:"";-webkit-filter:url(#tornEdge);filter:url(#tornEdge);height:calc(100% + 60px);left:-30px;position:absolute;top:-30px;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% + 60px);will-change:transform;z-index:0}@media (max-width:768px){.hvb-challenge-bot-content:before{border-radius:12px;-webkit-filter:none;filter:none}}.hvb-challenge-bot-content:after{content:"";z-index:-1}.hvb-challenge-bot-content:after,.paper-lines-hvb{background:transparent;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.paper-lines-hvb{z-index:2}.margin-line-hvb{background-color:#941c5a;height:100%;left:80px;position:absolute;top:0;width:2px;z-index:1}.hvb-bot-header{margin-bottom:20px;position:relative;text-align:center;z-index:2}.hvb-bot-name{color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:1.5px;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-transform:uppercase}.hvb-bot-name,.hvb-bot-rank{background:#fff;display:inline-block;font-size:1.3rem;padding:0 10px;position:relative;z-index:3}.hvb-bot-rank{color:#666;margin:0}.hvb-loading-text,.hvb-no-bots-text{color:#666;font-size:1.3rem;font-style:italic;padding:60px;position:relative;text-align:center}.hvb-bot-showcase{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;border:none;border-radius:0;box-shadow:none;gap:30px;margin-bottom:20px;padding:20px 15px;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2}.hvb-bot-showcase,.hvb-bot-silhouette-container{align-items:center;display:flex;justify-content:center;position:relative}.hvb-bot-silhouette-container{height:400px;width:300px}.hvb-mecha-suit-container{cursor:pointer;height:100%;position:relative;transition:all .3s ease;width:100%}.hvb-mecha-suit-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.hvb-mecha-suit{-webkit-filter:drop-shadow(0 0 10px rgba(0,217,255,.4));filter:drop-shadow(0 0 10px rgba(0,217,255,.4));height:100%;object-fit:contain;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:100%}.hvb-mecha-suit.placeholder{-webkit-filter:brightness(.15) drop-shadow(0 0 15px rgba(0,0,0,.9));filter:brightness(.15) drop-shadow(0 0 15px rgba(0,0,0,.9))}.hvb-mecha-suit-container:hover .hvb-mecha-suit.placeholder{-webkit-filter:brightness(.25) drop-shadow(0 0 20px rgba(0,217,255,.3));filter:brightness(.25) drop-shadow(0 0 20px rgba(0,217,255,.3))}.hvb-mecha-suit-container:hover .hvb-mecha-suit:not(.placeholder){-webkit-filter:drop-shadow(0 0 20px rgba(0,217,255,.8)) drop-shadow(0 0 30px rgba(123,44,191,.4));filter:drop-shadow(0 0 20px rgba(0,217,255,.8)) drop-shadow(0 0 30px rgba(123,44,191,.4))}.hvb-placeholder-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.hvb-placeholder-text{background:hsla(0,0%,100%,.9);border:2px dashed #1d97b8;border-radius:12px;color:#1d97b8;font-size:1.2rem;font-weight:600;padding:20px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1);transition:all .3s ease}.hvb-mecha-suit-container:hover .hvb-placeholder-text{border-color:#1d97b8;box-shadow:0 2px 8px rgba(29,151,184,.2);text-shadow:2px 2px 4px rgba(0,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.hvb-bot-face-container{cursor:pointer;height:90px;left:50%;margin-left:-45px;position:absolute;top:20px;transition:all .3s ease;width:90px;z-index:10}.hvb-bot-face-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvb-bot-face{-webkit-animation:hvbGlow 2s ease-in-out infinite;animation:hvbGlow 2s ease-in-out infinite;background:#fff;border:4px solid #1d97b8;border-radius:50%;box-shadow:0 4px 12px rgba(29,151,184,.3);display:block;height:90px;object-fit:cover;width:90px}.hvb-placeholder-face{align-items:center;background:hsla(0,0%,100%,.9);border:3px dashed #1d97b8;border-radius:50%;box-shadow:inset 0 0 15px rgba(0,0,0,.05);display:flex;height:90px;justify-content:center;transition:all .3s ease;width:90px}.hvb-bot-face-container.hvb-drawing-animation .hvb-placeholder-face{opacity:0}.hvb-bot-face-container:hover .hvb-placeholder-face{background:#fff;border-color:#1d97b8;box-shadow:0 4px 12px rgba(29,151,184,.3),inset 0 0 15px rgba(29,151,184,.1)}.hvb-placeholder-face-text{transition:all .3s ease}.hvb-placeholder-face-text,.hvb-placeholder-face-text-overlay{color:#1d97b8;font-size:.7rem;font-weight:600;line-height:1.2;padding:5px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.hvb-placeholder-face-text-overlay{-webkit-animation:hvbFadeInButton .3s ease-out forwards;animation:hvbFadeInButton .3s ease-out forwards;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90px;z-index:5}@-webkit-keyframes hvbFadeInButton{0%{opacity:0}to{opacity:1}}@keyframes hvbFadeInButton{0%{opacity:0}to{opacity:1}}.hvb-bot-face-container:hover .hvb-placeholder-face-text{color:#1d97b8;font-size:.75rem;text-shadow:1px 1px 3px rgba(0,0,0,.15)}@-webkit-keyframes hvbGlow{0%,to{box-shadow:0 4px 12px rgba(29,151,184,.3)}50%{box-shadow:0 6px 18px rgba(29,151,184,.5)}}@keyframes hvbGlow{0%,to{box-shadow:0 4px 12px rgba(29,151,184,.3)}50%{box-shadow:0 6px 18px rgba(29,151,184,.5)}}.hvb-drawing-animation .hvb-bot-face,.hvb-drawing-animation .hvb-mecha-suit{-webkit-animation:hvbFadeInImage 2s ease-out forwards;animation:hvbFadeInImage 2s ease-out forwards;opacity:0}.hvb-mecha-suit-container.hvb-drawing-animation .hvb-mecha-suit.placeholder{-webkit-animation:hvbFadeInImage 1.5s ease-out forwards;animation:hvbFadeInImage 1.5s ease-out forwards}.hvb-drawing-hand{left:50%;margin-left:10px;margin-top:-50px;pointer-events:none;position:absolute;top:50%;z-index:101}.hvb-bot-face-container .hvb-drawing-hand{margin-top:-70px}.hvb-mecha-suit-container .hvb-drawing-hand{margin-left:40px;margin-top:-70px}.hvb-hand-icon{-webkit-animation:hvbShakeDraw 2s ease-in-out forwards;animation:hvbShakeDraw 2s ease-in-out forwards;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:100px;width:100px}.hvb-mecha-suit-container.hvb-drawing-animation .hvb-hand-icon{-webkit-animation:hvbShakeDrawSlow 1.5s ease-in-out forwards;animation:hvbShakeDrawSlow 1.5s ease-in-out forwards}.hvb-mecha-suit-container.hvb-drawing-animation:not(.initial-draw) .hvb-hand-icon{-webkit-animation:hvbShakeDraw 2s ease-in-out forwards;animation:hvbShakeDraw 2s ease-in-out forwards}@-webkit-keyframes hvbFadeInImage{0%{opacity:0}to{opacity:1}}@keyframes hvbFadeInImage{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hvbShakeDraw{0%{opacity:1;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}5%{-webkit-transform:translate(-3px,-2px) rotate(-3deg);transform:translate(-3px,-2px) rotate(-3deg)}10%{-webkit-transform:translate(4px,1px) rotate(-7deg);transform:translate(4px,1px) rotate(-7deg)}15%{-webkit-transform:translate(-2px,3px) rotate(-4deg);transform:translate(-2px,3px) rotate(-4deg)}20%{-webkit-transform:translate(3px,-1px) rotate(-6deg);transform:translate(3px,-1px) rotate(-6deg)}25%{-webkit-transform:translate(-4px,2px) rotate(-5deg);transform:translate(-4px,2px) rotate(-5deg)}30%{-webkit-transform:translate(2px,-3px) rotate(-8deg);transform:translate(2px,-3px) rotate(-8deg)}35%{-webkit-transform:translate(-1px,4px) rotate(-3deg);transform:translate(-1px,4px) rotate(-3deg)}40%{-webkit-transform:translate(5px) rotate(-7deg);transform:translate(5px) rotate(-7deg)}45%{-webkit-transform:translate(-3px,-2px) rotate(-4deg);transform:translate(-3px,-2px) rotate(-4deg)}50%{-webkit-transform:translate(2px,3px) rotate(-6deg);transform:translate(2px,3px) rotate(-6deg)}55%{-webkit-transform:translate(-4px,1px) rotate(-5deg);transform:translate(-4px,1px) rotate(-5deg)}60%{-webkit-transform:translate(3px,-2px) rotate(-7deg);transform:translate(3px,-2px) rotate(-7deg)}65%{-webkit-transform:translate(-2px,4px) rotate(-3deg);transform:translate(-2px,4px) rotate(-3deg)}70%{-webkit-transform:translate(4px,-1px) rotate(-8deg);transform:translate(4px,-1px) rotate(-8deg)}75%{-webkit-transform:translate(-1px,2px) rotate(-4deg);transform:translate(-1px,2px) rotate(-4deg)}80%{-webkit-transform:translate(2px,-3px) rotate(-6deg);transform:translate(2px,-3px) rotate(-6deg)}85%{-webkit-transform:translate(-3px,1px) rotate(-5deg);transform:translate(-3px,1px) rotate(-5deg)}90%{-webkit-transform:translate(3px,2px) rotate(-7deg);transform:translate(3px,2px) rotate(-7deg)}95%{-webkit-transform:translate(-2px,-1px) rotate(-4deg);transform:translate(-2px,-1px) rotate(-4deg)}to{opacity:0;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}}@keyframes hvbShakeDraw{0%{opacity:1;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}5%{-webkit-transform:translate(-3px,-2px) rotate(-3deg);transform:translate(-3px,-2px) rotate(-3deg)}10%{-webkit-transform:translate(4px,1px) rotate(-7deg);transform:translate(4px,1px) rotate(-7deg)}15%{-webkit-transform:translate(-2px,3px) rotate(-4deg);transform:translate(-2px,3px) rotate(-4deg)}20%{-webkit-transform:translate(3px,-1px) rotate(-6deg);transform:translate(3px,-1px) rotate(-6deg)}25%{-webkit-transform:translate(-4px,2px) rotate(-5deg);transform:translate(-4px,2px) rotate(-5deg)}30%{-webkit-transform:translate(2px,-3px) rotate(-8deg);transform:translate(2px,-3px) rotate(-8deg)}35%{-webkit-transform:translate(-1px,4px) rotate(-3deg);transform:translate(-1px,4px) rotate(-3deg)}40%{-webkit-transform:translate(5px) rotate(-7deg);transform:translate(5px) rotate(-7deg)}45%{-webkit-transform:translate(-3px,-2px) rotate(-4deg);transform:translate(-3px,-2px) rotate(-4deg)}50%{-webkit-transform:translate(2px,3px) rotate(-6deg);transform:translate(2px,3px) rotate(-6deg)}55%{-webkit-transform:translate(-4px,1px) rotate(-5deg);transform:translate(-4px,1px) rotate(-5deg)}60%{-webkit-transform:translate(3px,-2px) rotate(-7deg);transform:translate(3px,-2px) rotate(-7deg)}65%{-webkit-transform:translate(-2px,4px) rotate(-3deg);transform:translate(-2px,4px) rotate(-3deg)}70%{-webkit-transform:translate(4px,-1px) rotate(-8deg);transform:translate(4px,-1px) rotate(-8deg)}75%{-webkit-transform:translate(-1px,2px) rotate(-4deg);transform:translate(-1px,2px) rotate(-4deg)}80%{-webkit-transform:translate(2px,-3px) rotate(-6deg);transform:translate(2px,-3px) rotate(-6deg)}85%{-webkit-transform:translate(-3px,1px) rotate(-5deg);transform:translate(-3px,1px) rotate(-5deg)}90%{-webkit-transform:translate(3px,2px) rotate(-7deg);transform:translate(3px,2px) rotate(-7deg)}95%{-webkit-transform:translate(-2px,-1px) rotate(-4deg);transform:translate(-2px,-1px) rotate(-4deg)}to{opacity:0;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}}@-webkit-keyframes hvbShakeDrawSlow{0%{opacity:1;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}5%{-webkit-transform:translate(-3px,-2px) rotate(-3deg);transform:translate(-3px,-2px) rotate(-3deg)}10%{-webkit-transform:translate(4px,1px) rotate(-7deg);transform:translate(4px,1px) rotate(-7deg)}15%{-webkit-transform:translate(-2px,3px) rotate(-4deg);transform:translate(-2px,3px) rotate(-4deg)}20%{-webkit-transform:translate(3px,-1px) rotate(-6deg);transform:translate(3px,-1px) rotate(-6deg)}25%{-webkit-transform:translate(-4px,2px) rotate(-5deg);transform:translate(-4px,2px) rotate(-5deg)}30%{-webkit-transform:translate(2px,-3px) rotate(-8deg);transform:translate(2px,-3px) rotate(-8deg)}35%{-webkit-transform:translate(-1px,4px) rotate(-3deg);transform:translate(-1px,4px) rotate(-3deg)}40%{-webkit-transform:translate(5px) rotate(-7deg);transform:translate(5px) rotate(-7deg)}45%{-webkit-transform:translate(-3px,-2px) rotate(-4deg);transform:translate(-3px,-2px) rotate(-4deg)}50%{-webkit-transform:translate(2px,3px) rotate(-6deg);transform:translate(2px,3px) rotate(-6deg)}55%{-webkit-transform:translate(-4px,1px) rotate(-5deg);transform:translate(-4px,1px) rotate(-5deg)}60%{-webkit-transform:translate(3px,-2px) rotate(-7deg);transform:translate(3px,-2px) rotate(-7deg)}65%{-webkit-transform:translate(-2px,4px) rotate(-3deg);transform:translate(-2px,4px) rotate(-3deg)}70%{-webkit-transform:translate(4px,-1px) rotate(-8deg);transform:translate(4px,-1px) rotate(-8deg)}75%{-webkit-transform:translate(-1px,2px) rotate(-4deg);transform:translate(-1px,2px) rotate(-4deg)}80%{-webkit-transform:translate(2px,-3px) rotate(-6deg);transform:translate(2px,-3px) rotate(-6deg)}85%{-webkit-transform:translate(-3px,1px) rotate(-5deg);transform:translate(-3px,1px) rotate(-5deg)}90%{-webkit-transform:translate(3px,2px) rotate(-7deg);transform:translate(3px,2px) rotate(-7deg)}95%{-webkit-transform:translate(-2px,-1px) rotate(-4deg);transform:translate(-2px,-1px) rotate(-4deg)}to{opacity:0;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}}@keyframes hvbShakeDrawSlow{0%{opacity:1;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}5%{-webkit-transform:translate(-3px,-2px) rotate(-3deg);transform:translate(-3px,-2px) rotate(-3deg)}10%{-webkit-transform:translate(4px,1px) rotate(-7deg);transform:translate(4px,1px) rotate(-7deg)}15%{-webkit-transform:translate(-2px,3px) rotate(-4deg);transform:translate(-2px,3px) rotate(-4deg)}20%{-webkit-transform:translate(3px,-1px) rotate(-6deg);transform:translate(3px,-1px) rotate(-6deg)}25%{-webkit-transform:translate(-4px,2px) rotate(-5deg);transform:translate(-4px,2px) rotate(-5deg)}30%{-webkit-transform:translate(2px,-3px) rotate(-8deg);transform:translate(2px,-3px) rotate(-8deg)}35%{-webkit-transform:translate(-1px,4px) rotate(-3deg);transform:translate(-1px,4px) rotate(-3deg)}40%{-webkit-transform:translate(5px) rotate(-7deg);transform:translate(5px) rotate(-7deg)}45%{-webkit-transform:translate(-3px,-2px) rotate(-4deg);transform:translate(-3px,-2px) rotate(-4deg)}50%{-webkit-transform:translate(2px,3px) rotate(-6deg);transform:translate(2px,3px) rotate(-6deg)}55%{-webkit-transform:translate(-4px,1px) rotate(-5deg);transform:translate(-4px,1px) rotate(-5deg)}60%{-webkit-transform:translate(3px,-2px) rotate(-7deg);transform:translate(3px,-2px) rotate(-7deg)}65%{-webkit-transform:translate(-2px,4px) rotate(-3deg);transform:translate(-2px,4px) rotate(-3deg)}70%{-webkit-transform:translate(4px,-1px) rotate(-8deg);transform:translate(4px,-1px) rotate(-8deg)}75%{-webkit-transform:translate(-1px,2px) rotate(-4deg);transform:translate(-1px,2px) rotate(-4deg)}80%{-webkit-transform:translate(2px,-3px) rotate(-6deg);transform:translate(2px,-3px) rotate(-6deg)}85%{-webkit-transform:translate(-3px,1px) rotate(-5deg);transform:translate(-3px,1px) rotate(-5deg)}90%{-webkit-transform:translate(3px,2px) rotate(-7deg);transform:translate(3px,2px) rotate(-7deg)}95%{-webkit-transform:translate(-2px,-1px) rotate(-4deg);transform:translate(-2px,-1px) rotate(-4deg)}to{opacity:0;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}}.hvb-challenge-button-container{margin-bottom:30px;position:relative;text-align:center;z-index:2}.hvb-challenge-button-main{background:linear-gradient(135deg,#1d97b8,#156d84);border:2px solid #1d97b8;border-radius:12px;box-shadow:0 4px 12px rgba(29,151,184,.3);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.hvb-challenge-button-main:hover:not(:disabled){background:linear-gradient(135deg,#22aed0,#1a7f9a);box-shadow:0 6px 18px rgba(29,151,184,.4);text-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hvb-challenge-button-main:active:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px)}.hvb-challenge-button-main:disabled{background:#ccc;border-color:#999;color:#666;cursor:not-allowed;opacity:.5}.hvb-bot-deck-section{margin-bottom:30px;padding:20px 0;position:relative;text-align:center;z-index:2}.hvb-deck-title{background:#fff;color:#1d97b8;display:inline-block;font-size:1.5rem;font-weight:600;letter-spacing:2px;margin-bottom:15px;padding:0 10px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-transform:uppercase;z-index:3}.hvb-loading-deck-text,.hvb-no-deck-text{color:#666;font-size:1.1rem;font-style:italic;padding:20px;position:relative;text-align:center}.hvb-chess-board-grid{grid-gap:0;border:3px solid #1d97b8;box-shadow:0 4px 12px rgba(0,0,0,.15);display:grid;gap:0;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:800px}.hvb-chess-square{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;position:relative;transition:all .3s ease}.hvb-chess-square.light{background-color:#f0d9b5}.hvb-chess-square.dark{background-color:#b58863}.hvb-chess-square:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.hvb-piece-icon{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));height:70%;object-fit:contain;width:70%}.hvb-bot-selector-modal{align-items:center;-webkit-animation:hvbFadeIn .2s ease;animation:hvbFadeIn .2s ease;background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@-webkit-keyframes hvbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hvbFadeIn{0%{opacity:0}to{opacity:1}}.hvb-bot-selector-content{-webkit-animation:hvbSlideIn .3s ease;animation:hvbSlideIn .3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border:3px solid #00d9ff;border-radius:20px;box-shadow:0 0 50px rgba(0,217,255,.6),inset 0 0 30px rgba(0,217,255,.1);max-height:80vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}@-webkit-keyframes hvbSlideIn{0%{opacity:0;-webkit-transform:scale(.9) translateY(-20px);transform:scale(.9) translateY(-20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes hvbSlideIn{0%{opacity:0;-webkit-transform:scale(.9) translateY(-20px);transform:scale(.9) translateY(-20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.hvb-bot-selector-title{color:#00d9ff;font-size:2rem;font-weight:700;letter-spacing:3px;margin:0 0 25px;text-align:center;text-shadow:0 0 20px rgba(0,217,255,.8),0 0 40px rgba(0,217,255,.4);text-transform:uppercase}.hvb-bot-selector-close{align-items:center;background:rgba(255,0,85,.1);border:2px solid #f05;border-radius:50%;color:#f05;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.hvb-bot-selector-close:hover{background:rgba(255,0,85,.3);box-shadow:0 0 20px rgba(255,0,85,.8);text-shadow:0 0 10px #f05;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hvb-bot-selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.hvb-bot-selector-item{align-items:center;background:rgba(30,30,50,.6);border:2px solid #2a2a4a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.hvb-bot-selector-item:before{background:linear-gradient(45deg,#00d9ff,#7b2cbf,#00d9ff);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.hvb-bot-selector-item:hover{background:rgba(40,40,60,.8);border-color:#00d9ff;box-shadow:0 8px 25px rgba(0,217,255,.4),inset 0 0 15px rgba(0,217,255,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvb-bot-selector-item:hover:before{opacity:.3}.hvb-bot-selector-item.selected{background:rgba(40,40,60,.95);border-color:#00d9ff;box-shadow:0 0 30px rgba(0,217,255,.6),inset 0 0 20px rgba(0,217,255,.15)}.hvb-bot-selector-item.selected:before{opacity:.5}.hvb-bot-selector-img{border:3px solid #2a2a4a;border-radius:50%;box-shadow:0 0 10px rgba(0,217,255,.2);height:80px;object-fit:cover;transition:all .3s ease;width:80px}.hvb-bot-selector-item:hover .hvb-bot-selector-img{border-color:#00d9ff;box-shadow:0 0 20px rgba(0,217,255,.6)}.hvb-bot-selector-item.selected .hvb-bot-selector-img{border-color:#00d9ff;box-shadow:0 0 25px rgba(0,217,255,.8),0 0 40px rgba(123,44,191,.4)}.hvb-bot-selector-name{color:#b0b0c8;font-size:1rem;font-weight:600;text-align:center;transition:all .3s ease}.hvb-bot-selector-item:hover .hvb-bot-selector-name{color:#00d9ff}.hvb-bot-selector-item.selected .hvb-bot-selector-name{color:#00d9ff;font-weight:700;text-shadow:0 0 10px rgba(0,217,255,.6)}.hvb-bot-selector-rank{color:#7a7a9a;font-size:.85rem;text-align:center;transition:all .3s ease}.hvb-bot-selector-item:hover .hvb-bot-selector-rank{color:#9a9aba}.hvb-bot-selector-item.selected .hvb-bot-selector-rank{color:#c0c0d8}.hvb-difficulty-selector-modal{align-items:center;-webkit-animation:hvbFadeIn .2s ease;animation:hvbFadeIn .2s ease;background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hvb-difficulty-selector-content{-webkit-animation:hvbSlideIn .3s ease;animation:hvbSlideIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border:3px solid #00d9ff;border-radius:20px;box-shadow:0 0 50px rgba(0,217,255,.6),inset 0 0 30px rgba(0,217,255,.1);max-width:700px;padding:30px;position:relative;width:100%}.hvb-difficulty-selector-title{color:#00d9ff;font-size:2rem;font-weight:700;letter-spacing:3px;margin:0 0 25px;text-align:center;text-shadow:0 0 20px rgba(0,217,255,.8),0 0 40px rgba(0,217,255,.4);text-transform:uppercase}.hvb-difficulty-selector-close{align-items:center;background:rgba(255,0,85,.1);border:2px solid #f05;border-radius:50%;color:#f05;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.hvb-difficulty-selector-close:hover{background:rgba(255,0,85,.3);box-shadow:0 0 20px rgba(255,0,85,.8);text-shadow:0 0 10px #f05;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hvb-difficulty-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}.hvb-difficulty-option{align-items:center;background:rgba(30,30,50,.6);border:2px solid #2a2a4a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.hvb-difficulty-option:hover{background:rgba(40,40,60,.8);box-shadow:0 8px 25px rgba(0,0,0,.4);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvb-difficulty-option-easy:hover{border-color:#4caf50;box-shadow:0 8px 25px rgba(76,175,80,.3)}.hvb-difficulty-option-medium:hover{border-color:#2196f3;box-shadow:0 8px 25px rgba(33,150,243,.3)}.hvb-difficulty-option-hard:hover{border-color:#f44336;box-shadow:0 8px 25px rgba(244,67,54,.3)}.hvb-difficulty-option-impossible:hover{border-color:#ff9800;box-shadow:0 8px 25px rgba(255,152,0,.3)}.hvb-difficulty-option.selected{background:rgba(40,40,60,.95)}.hvb-difficulty-option-easy.selected{border-color:#4caf50;box-shadow:0 0 30px rgba(76,175,80,.5)}.hvb-difficulty-option-medium.selected{border-color:#2196f3;box-shadow:0 0 30px rgba(33,150,243,.5)}.hvb-difficulty-option-hard.selected{border-color:#f44336;box-shadow:0 0 30px rgba(244,67,54,.5)}.hvb-difficulty-option-impossible.selected{border-color:#ff9800;box-shadow:0 0 30px rgba(255,152,0,.5)}.hvb-difficulty-mecha-preview{-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.8));filter:drop-shadow(0 0 10px rgba(0,0,0,.8));height:200px;object-fit:contain;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:150px}.hvb-difficulty-option:hover .hvb-difficulty-mecha-preview{-webkit-filter:drop-shadow(0 0 15px rgba(0,217,255,.5));filter:drop-shadow(0 0 15px rgba(0,217,255,.5))}.hvb-difficulty-option.selected .hvb-difficulty-mecha-preview{-webkit-filter:drop-shadow(0 0 20px rgba(0,217,255,.8));filter:drop-shadow(0 0 20px rgba(0,217,255,.8))}.hvb-difficulty-option-name{color:#b0b0c8;font-size:1.2rem;font-weight:600;text-align:center;text-transform:capitalize;transition:all .3s ease}.hvb-difficulty-option-easy.selected .hvb-difficulty-option-name{color:#4caf50}.hvb-difficulty-option-medium.selected .hvb-difficulty-option-name{color:#2196f3}.hvb-difficulty-option-hard.selected .hvb-difficulty-option-name{color:#f44336}.hvb-difficulty-option-impossible.selected .hvb-difficulty-option-name{color:#ff9800}.hvb-action-buttons{display:flex;gap:20px;margin-top:20px;position:relative;z-index:2}.hvb-action-buttons,.hvb-back-button{align-items:center;justify-content:center}.hvb-back-button{background:hsla(0,0%,100%,.9);border:2px solid #1d97b8;border-radius:10px;color:#1d97b8;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;padding:14px 40px;transition:all .3s ease;width:auto}.hvb-back-button:hover{background:#fff;border-color:#1d97b8;box-shadow:0 4px 12px rgba(29,151,184,.3);text-shadow:1px 1px 2px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.hvb-challenge-bot-container{padding:10px}.hvb-challenge-bot-content{padding:15px}.hvb-bot-name{font-size:2rem}.hvb-bot-rank{font-size:1.1rem}.hvb-bot-showcase{margin-bottom:15px;padding:15px 10px}.hvb-bot-silhouette-container{height:300px;width:220px}.hvb-bot-face{height:70px;width:70px}.hvb-placeholder-text{font-size:1rem;padding:15px}.hvb-mecha-suit-container:hover .hvb-placeholder-text{font-size:1.1rem}.hvb-bot-face,.hvb-bot-face-container,.hvb-placeholder-face{height:70px;width:70px}.hvb-placeholder-face-text{font-size:.6rem}.hvb-bot-face-container:hover .hvb-placeholder-face-text{font-size:.65rem}.hvb-challenge-button-container{margin-bottom:20px}.hvb-challenge-button-main{font-size:1.1rem;padding:12px 30px}.hvb-chess-board-grid{max-width:100%}.hvb-bot-deck-section{margin-bottom:20px;padding:15px 0}.hvb-deck-title{font-size:1.3rem;margin-bottom:12px}.hvb-bot-selector-content{padding:20px}.hvb-bot-selector-title{font-size:1.6rem;margin-bottom:20px}.hvb-bot-selector-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.hvb-bot-selector-item{padding:15px}.hvb-difficulty-selector-content{padding:25px}.hvb-difficulty-selector-title{font-size:1.6rem}.hvb-difficulty-options-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.hvb-difficulty-mecha-preview{height:160px;width:120px}.hvb-difficulty-option-name{font-size:1.1rem}}@media (max-width:480px){.hvb-challenge-bot-container{padding:10px 8px}.hvb-challenge-bot-content{margin:10px auto;max-width:100%;padding:20px 10px;width:88%}.hvb-challenge-bot-content:before{height:calc(100% + 30px);left:-15px;top:-15px;width:calc(100% + 30px)}.margin-line-hvb{left:20px}.hvb-bot-header{margin-bottom:15px}.hvb-bot-name{font-size:1.1rem;letter-spacing:.5px}.hvb-bot-rank{font-size:.9rem}.hvb-bot-showcase{margin-bottom:12px;padding:12px 8px}.hvb-bot-silhouette-container{height:250px;width:180px}.hvb-placeholder-text{font-size:.75rem;padding:10px}.hvb-mecha-suit-container:hover .hvb-placeholder-text{font-size:.85rem}.hvb-bot-face-container{height:55px;left:50%;margin-left:-27.5px;top:15px;width:55px}.hvb-bot-face,.hvb-placeholder-face{border-width:3px;height:55px;width:55px}.hvb-placeholder-face-text{font-size:.5rem;padding:3px}.hvb-bot-face-container:hover .hvb-placeholder-face-text{font-size:.55rem}.hvb-challenge-button-container{margin-bottom:15px}.hvb-challenge-button-main{font-size:.95rem;padding:10px 25px}.hvb-bot-deck-section{margin-bottom:15px;padding:12px 0}.hvb-deck-title{font-size:1.2rem;margin-bottom:10px}.hvb-bot-selector-modal{padding:15px}.hvb-bot-selector-content{max-height:85vh;padding:20px 15px}.hvb-bot-selector-title{font-size:1.4rem;margin-bottom:15px}.hvb-bot-selector-close{font-size:1.3rem;height:35px;right:15px;top:15px;width:35px}.hvb-bot-selector-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.hvb-bot-selector-item{padding:12px}.hvb-bot-selector-img{height:65px;width:65px}.hvb-bot-selector-name{font-size:.9rem}.hvb-bot-selector-rank{font-size:.75rem}.hvb-difficulty-selector-modal{padding:10px}.hvb-difficulty-selector-content{max-height:90vh;padding:15px 10px}.hvb-difficulty-selector-title{font-size:1.1rem;letter-spacing:1px;margin-bottom:12px}.hvb-difficulty-selector-close{font-size:1.2rem;height:30px;right:10px;top:10px;width:30px}.hvb-difficulty-options-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.hvb-difficulty-option{gap:8px;padding:10px 8px}.hvb-difficulty-mecha-preview{height:90px;width:70px}.hvb-difficulty-option-name{font-size:.85rem}.hvb-chess-board-grid{border:2px solid #1d97b8;max-width:85%}.hvb-piece-icon{height:65%;width:65%}}.hvh-challenge-game-container{align-items:center;background:linear-gradient(90deg,#fcd6a0,#fde0b7 20%,#ffecd2 40%,#fcb69f 60%,#fcc1ad 80%,#ff9b79);background-size:cover;color:#333;display:flex;flex-direction:column;justify-content:flex-start;max-height:100vh;min-height:100vh;overflow-y:auto;padding:15px}.hvh-challenge-game-content{background:transparent;border-radius:0;flex-shrink:0;margin:20px auto;max-width:1200px;padding:40px 40px 60px;position:relative;width:90%}.hvh-challenge-game-content:before{background-color:#fff;box-shadow:15px 15px 33px rgba(27,27,27,.15);content:"";-webkit-filter:url(#tornEdgeHvH);filter:url(#tornEdgeHvH);height:calc(100% + 80px);left:-30px;position:absolute;top:-30px;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% + 60px);will-change:transform;z-index:0}@media (max-width:768px){.hvh-challenge-game-content:before{border-radius:12px;-webkit-filter:none;filter:none}}.hvh-challenge-game-content:after{content:"";z-index:-1}.hvh-challenge-game-content:after,.hvh-paper-lines{background:transparent;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hvh-paper-lines{z-index:2}.hvh-margin-line{background-color:#941c5a;height:100%;left:80px;position:absolute;top:0;width:2px;z-index:1}.hvh-player-header{margin-bottom:10px;position:relative;text-align:center;z-index:3}.hvh-player-name{color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;margin:0 0 5px;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-transform:uppercase}.hvh-player-name,.hvh-player-rank{background:#fff;display:inline-block;padding:0 10px;position:relative;z-index:3}.hvh-player-rank{color:#666;font-size:1rem;margin:0}.hvh-loading-text,.hvh-no-friends-text{color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;font-style:italic;padding:40px;position:relative;text-align:center}.hvh-player-showcase{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;border:none;border-radius:0;box-shadow:none;gap:20px;margin-bottom:10px;padding:10px 15px;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:3}.hvh-player-showcase,.hvh-silhouette-container{align-items:center;display:flex;justify-content:center;position:relative}.hvh-silhouette-container{height:130px;width:130px}.hvh-settings-icons-container .hvh-silhouette-container{height:200px;width:200px}.hvh-player-head-container{align-items:center;cursor:pointer;display:flex;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.hvh-settings-icons-container .hvh-player-head-container{height:180px;width:180px}.hvh-player-head-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.hvh-player-face{-webkit-animation:hvhGlow 2s ease-in-out infinite;animation:hvhGlow 2s ease-in-out infinite;background:#fff;border:3px solid #1d97b8;border-radius:50%;box-shadow:0 4px 12px rgba(29,151,184,.3);display:block;height:120px;object-fit:cover;width:120px}.hvh-placeholder-face{align-items:center;background:hsla(0,0%,100%,.9);border:3px dashed #1d97b8;border-radius:50%;box-shadow:inset 0 0 15px rgba(0,0,0,.05);display:flex;height:120px;justify-content:center;transition:all .3s ease;width:120px}.hvh-player-head-container.hvh-drawing-animation .hvh-placeholder-face{opacity:0}.hvh-player-head-container:hover .hvh-placeholder-face{background:#fff;border-color:#1d97b8;box-shadow:0 4px 12px rgba(29,151,184,.3),inset 0 0 15px rgba(29,151,184,.1)}.hvh-placeholder-face-text{color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;line-height:1.2;padding:5px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1);transition:all .3s ease}.hvh-ranked-icon,.hvh-time-icon{display:block;height:180px;object-fit:contain;position:relative;width:180px}@-webkit-keyframes hvhGlow{0%,to{box-shadow:0 4px 12px rgba(29,151,184,.3)}50%{box-shadow:0 4px 20px rgba(29,151,184,.6)}}@keyframes hvhGlow{0%,to{box-shadow:0 4px 12px rgba(29,151,184,.3)}50%{box-shadow:0 4px 20px rgba(29,151,184,.6)}}.hvh-drawing-animation .hvh-player-face{-webkit-animation:hvhFadeInImage 2s ease-out forwards;animation:hvhFadeInImage 2s ease-out forwards;opacity:0}.hvh-drawing-hand{left:50%;margin-left:10px;margin-top:-50px;pointer-events:none;position:absolute;top:50%;z-index:101}.hvh-hand-icon{-webkit-animation:hvhShakeDraw 2s ease-in-out forwards;animation:hvhShakeDraw 2s ease-in-out forwards;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:80px;width:80px}@-webkit-keyframes hvhFadeInImage{0%{opacity:0}to{opacity:1}}@keyframes hvhFadeInImage{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hvhShakeDraw{0%{opacity:1;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}5%{-webkit-transform:translate(-3px,3px) rotate(-8deg);transform:translate(-3px,3px) rotate(-8deg)}10%{-webkit-transform:translate(3px,-3px) rotate(-3deg);transform:translate(3px,-3px) rotate(-3deg)}15%{-webkit-transform:translate(-2px,2px) rotate(-6deg);transform:translate(-2px,2px) rotate(-6deg)}20%{-webkit-transform:translate(2px,-2px) rotate(-4deg);transform:translate(2px,-2px) rotate(-4deg)}25%{-webkit-transform:translate(-3px,1px) rotate(-7deg);transform:translate(-3px,1px) rotate(-7deg)}30%{-webkit-transform:translate(3px,-1px) rotate(-5deg);transform:translate(3px,-1px) rotate(-5deg)}35%{-webkit-transform:translate(-2px,3px) rotate(-6deg);transform:translate(-2px,3px) rotate(-6deg)}40%{-webkit-transform:translate(2px,-3px) rotate(-4deg);transform:translate(2px,-3px) rotate(-4deg)}45%{-webkit-transform:translate(-1px,2px) rotate(-5deg);transform:translate(-1px,2px) rotate(-5deg)}50%{-webkit-transform:translate(1px,-2px) rotate(-6deg);transform:translate(1px,-2px) rotate(-6deg)}55%{-webkit-transform:translate(-2px,1px) rotate(-4deg);transform:translate(-2px,1px) rotate(-4deg)}60%{-webkit-transform:translate(2px,-1px) rotate(-5deg);transform:translate(2px,-1px) rotate(-5deg)}65%{-webkit-transform:translate(-1px,2px) rotate(-6deg);transform:translate(-1px,2px) rotate(-6deg)}70%{-webkit-transform:translate(1px,-2px) rotate(-4deg);transform:translate(1px,-2px) rotate(-4deg)}75%{-webkit-transform:translate(-2px,1px) rotate(-5deg);transform:translate(-2px,1px) rotate(-5deg)}80%{-webkit-transform:translate(1px,-1px) rotate(-6deg);transform:translate(1px,-1px) rotate(-6deg)}85%{-webkit-transform:translate(-1px,1px) rotate(-4deg);transform:translate(-1px,1px) rotate(-4deg)}90%{-webkit-transform:translate(1px,-1px) rotate(-5deg);transform:translate(1px,-1px) rotate(-5deg)}95%{-webkit-transform:translate(-1px,1px) rotate(-6deg);transform:translate(-1px,1px) rotate(-6deg)}to{opacity:0;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}}@keyframes hvhShakeDraw{0%{opacity:1;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}5%{-webkit-transform:translate(-3px,3px) rotate(-8deg);transform:translate(-3px,3px) rotate(-8deg)}10%{-webkit-transform:translate(3px,-3px) rotate(-3deg);transform:translate(3px,-3px) rotate(-3deg)}15%{-webkit-transform:translate(-2px,2px) rotate(-6deg);transform:translate(-2px,2px) rotate(-6deg)}20%{-webkit-transform:translate(2px,-2px) rotate(-4deg);transform:translate(2px,-2px) rotate(-4deg)}25%{-webkit-transform:translate(-3px,1px) rotate(-7deg);transform:translate(-3px,1px) rotate(-7deg)}30%{-webkit-transform:translate(3px,-1px) rotate(-5deg);transform:translate(3px,-1px) rotate(-5deg)}35%{-webkit-transform:translate(-2px,3px) rotate(-6deg);transform:translate(-2px,3px) rotate(-6deg)}40%{-webkit-transform:translate(2px,-3px) rotate(-4deg);transform:translate(2px,-3px) rotate(-4deg)}45%{-webkit-transform:translate(-1px,2px) rotate(-5deg);transform:translate(-1px,2px) rotate(-5deg)}50%{-webkit-transform:translate(1px,-2px) rotate(-6deg);transform:translate(1px,-2px) rotate(-6deg)}55%{-webkit-transform:translate(-2px,1px) rotate(-4deg);transform:translate(-2px,1px) rotate(-4deg)}60%{-webkit-transform:translate(2px,-1px) rotate(-5deg);transform:translate(2px,-1px) rotate(-5deg)}65%{-webkit-transform:translate(-1px,2px) rotate(-6deg);transform:translate(-1px,2px) rotate(-6deg)}70%{-webkit-transform:translate(1px,-2px) rotate(-4deg);transform:translate(1px,-2px) rotate(-4deg)}75%{-webkit-transform:translate(-2px,1px) rotate(-5deg);transform:translate(-2px,1px) rotate(-5deg)}80%{-webkit-transform:translate(1px,-1px) rotate(-6deg);transform:translate(1px,-1px) rotate(-6deg)}85%{-webkit-transform:translate(-1px,1px) rotate(-4deg);transform:translate(-1px,1px) rotate(-4deg)}90%{-webkit-transform:translate(1px,-1px) rotate(-5deg);transform:translate(1px,-1px) rotate(-5deg)}95%{-webkit-transform:translate(-1px,1px) rotate(-6deg);transform:translate(-1px,1px) rotate(-6deg)}to{opacity:0;-webkit-transform:translate(0) rotate(-5deg);transform:translate(0) rotate(-5deg)}}.hvh-settings-section{margin-bottom:15px;padding:10px 0;position:relative;text-align:center;z-index:3}.hvh-settings-title{background:#fff;color:#1d97b8;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:2px;margin-bottom:10px;padding:0 10px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-transform:uppercase;z-index:3}.hvh-settings-icons-container{flex-wrap:wrap;gap:30px}.hvh-setting-item,.hvh-settings-icons-container{align-items:center;display:flex;justify-content:center}.hvh-setting-item{background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;gap:15px;margin:15px auto;max-width:500px;padding:15px 30px;position:relative;transition:all .3s ease}.hvh-setting-item:hover{background:rgba(29,151,184,.05);border-color:#1d97b8;box-shadow:0 4px 12px rgba(29,151,184,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hvh-setting-item.hvh-drawing-animation{position:relative}.hvh-setting-item .hvh-drawing-hand{left:auto;margin-left:0;margin-top:-50px;right:-60px;top:50%}.hvh-setting-label{color:#1d97b8;font-size:1.2rem;font-weight:600;letter-spacing:.5px}.hvh-setting-value{background:rgba(29,151,184,.1);border-radius:8px;color:#666;font-size:1.1rem;font-weight:400;min-width:150px;padding:5px 15px;text-align:center}.hvh-setting-item:hover .hvh-setting-value{background:rgba(29,151,184,.2);color:#1d97b8}.hvh-placeholder-overlay{align-items:center;display:flex;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:5}.hvh-challenge-icon-wrapper .hvh-placeholder-overlay{bottom:10px;top:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hvh-placeholder-text{background:hsla(0,0%,100%,.95);border:2px dashed #1d97b8;border-radius:8px;color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;padding:8px 12px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1);transition:all .3s ease}.hvh-player-head-container:hover .hvh-placeholder-text{border-color:#1d97b8;box-shadow:0 2px 8px rgba(29,151,184,.2);text-shadow:2px 2px 4px rgba(0,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.hvh-challenge-button-container{margin-bottom:15px;position:relative;text-align:center;z-index:3}.hvh-challenge-button-main{background:linear-gradient(135deg,#1d97b8,#156d84);border:2px solid #1d97b8;border-radius:12px;box-shadow:0 4px 12px rgba(29,151,184,.3);color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:2px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.hvh-challenge-button-main:hover:not(:disabled){background:linear-gradient(135deg,#22aed0,#1a7f9a);box-shadow:0 6px 18px rgba(29,151,184,.4);text-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hvh-challenge-button-main:active:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px)}.hvh-challenge-button-main:disabled{background:#ccc;border-color:#999;color:#666;cursor:not-allowed;opacity:.5}.hvh-view-challenges-section{margin-bottom:20px;margin-top:30px;padding:20px 0;position:relative;text-align:center;z-index:3}.hvh-view-challenges-title{background:#fff;color:#1d97b8;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:2px;margin-bottom:20px;padding:0 15px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-transform:uppercase;z-index:3}.hvh-view-challenges-container{align-items:center;display:flex;justify-content:center;width:100%}.hvh-challenge-icon-wrapper{align-items:center;cursor:pointer;display:flex;height:180px;justify-content:center;position:relative;transition:all .3s ease;width:180px}.hvh-challenge-icon-wrapper:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.hvh-challenge-icon{height:180px;object-fit:contain;width:180px}.hvh-player-selector-modal,.hvh-ranked-selector-modal,.hvh-time-selector-modal{align-items:center;-webkit-animation:hvhFadeIn .3s ease-out;animation:hvhFadeIn .3s ease-out;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@-webkit-keyframes hvhFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hvhFadeIn{0%{opacity:0}to{opacity:1}}.hvh-selector-content{-webkit-animation:hvhSlideIn .3s ease-out;animation:hvhSlideIn .3s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:80vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes hvhSlideIn{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvhSlideIn{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hvh-selector-title{color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:2px;margin-bottom:25px;text-align:center;text-transform:uppercase}.hvh-selector-close{align-items:center;background:transparent;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.hvh-selector-close:hover{background:rgba(0,0,0,.1);color:#1d97b8;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hvh-selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hvh-selector-item{align-items:center;background:#f9f9f9;border:3px solid transparent;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;padding:15px;position:relative;transition:all .3s ease}.hvh-selector-item:before{background:linear-gradient(135deg,rgba(29,151,184,.1),rgba(21,109,132,.1));border-radius:15px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hvh-selector-item:hover{border-color:#1d97b8;box-shadow:0 6px 18px rgba(29,151,184,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvh-selector-item:hover:before{opacity:1}.hvh-selector-item.selected{background:rgba(29,151,184,.1);border-color:#1d97b8}.hvh-selector-item.selected:before{opacity:1}.hvh-selector-img{border:3px solid #1d97b8;border-radius:50%;height:100px;margin-bottom:10px;object-fit:cover;transition:all .3s ease;width:100px}.hvh-selector-item:hover .hvh-selector-img{border-color:#22aed0;box-shadow:0 4px 12px rgba(29,151,184,.4)}.hvh-selector-item.selected .hvh-selector-img{border-color:#1d97b8;box-shadow:0 0 20px rgba(29,151,184,.6)}.hvh-selector-name{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;margin-bottom:5px;text-align:center}.hvh-selector-item:hover .hvh-selector-name{color:#1d97b8}.hvh-selector-item.selected .hvh-selector-name{color:#1d97b8;font-weight:700}.hvh-selector-rank{color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.85rem}.hvh-selector-item:hover .hvh-selector-rank{color:#1d97b8}.hvh-selector-item.selected .hvh-selector-rank{color:#156d84}.hvh-time-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hvh-time-option{align-items:center;background:#f9f9f9;border:3px solid transparent;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:30px 20px;position:relative;transition:all .3s ease}.hvh-time-option:hover{background:rgba(29,151,184,.05);border-color:#1d97b8;box-shadow:0 6px 18px rgba(29,151,184,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvh-time-option.selected{background:rgba(29,151,184,.1);border-color:#1d97b8}.hvh-time-option-icon{height:120px;margin-bottom:15px;transition:all .3s ease;width:120px}.hvh-time-option:hover .hvh-time-option-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvh-time-option.selected .hvh-time-option-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}.hvh-time-option-name{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.2rem;font-weight:600;text-align:center}.hvh-time-option:hover .hvh-time-option-name{color:#1d97b8}.hvh-time-option.selected .hvh-time-option-name{color:#1d97b8;font-weight:700}.hvh-ranked-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.hvh-ranked-option{align-items:center;background:#f9f9f9;border:3px solid transparent;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:40px 30px;position:relative;transition:all .3s ease}.hvh-ranked-option:hover{background:rgba(29,151,184,.05);border-color:#1d97b8;box-shadow:0 6px 18px rgba(29,151,184,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvh-ranked-option.selected{background:rgba(29,151,184,.1);border-color:#1d97b8}.hvh-ranked-option-icon{height:130px;margin-bottom:15px;transition:all .3s ease;width:130px}.hvh-ranked-option:hover .hvh-ranked-option-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvh-ranked-option.selected .hvh-ranked-option-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}.hvh-ranked-option-name{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:10px;text-align:center}.hvh-ranked-option.selected .hvh-ranked-option-name,.hvh-ranked-option:hover .hvh-ranked-option-name{color:#1d97b8}.hvh-ranked-option-desc{color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;text-align:center}.hvh-ranked-option:hover .hvh-ranked-option-desc{color:#1d97b8}.hvh-ranked-option.selected .hvh-ranked-option-desc{color:#156d84}.hvh-challenge-badge{align-items:center;-webkit-animation:hvhPulse 2s ease-in-out infinite;animation:hvhPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f44,#c00);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff;display:flex;font-size:.85rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:-5px;top:-5px;width:30px;z-index:10}@-webkit-keyframes hvhPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvhPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvh-challenges-modal{align-items:center;-webkit-animation:hvhFadeIn .3s ease-out;animation:hvhFadeIn .3s ease-out;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hvh-challenges-modal-content{-webkit-animation:hvhSlideIn .3s ease-out;animation:hvhSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:80vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:90%}.hvh-challenges-modal-title{color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:2px;margin-bottom:25px;text-align:center;text-transform:uppercase}.hvh-challenges-tabs{display:flex;flex-direction:column;gap:30px}.hvh-challenges-tab-section{background:rgba(29,151,184,.05);border:2px solid #1d97b8;border-radius:12px;padding:20px}.hvh-challenges-tab-title{color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:1.5px;margin-bottom:15px;text-transform:uppercase}.hvh-no-challenges{color:#666;font-size:1rem;font-style:italic;padding:20px;text-align:center}.hvh-challenges-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.hvh-challenge-card{align-items:center;background:hsla(0,0%,100%,.95);border:2px solid #1d97b8;border-radius:12px;display:flex;justify-content:space-between;padding:15px;position:relative;transition:all .3s ease;z-index:3}.hvh-challenge-card:hover{background:#fff;box-shadow:0 4px 12px rgba(29,151,184,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hvh-challenge-info{align-items:center;display:flex;flex:1 1;gap:15px}.hvh-challenger-avatar{border:2px solid #1d97b8;border-radius:50%;height:50px;object-fit:cover;width:50px}.hvh-challenge-details{display:flex;flex-direction:column;gap:5px}.hvh-challenger-name{color:#1d97b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:700}.hvh-challenge-settings{align-items:center;display:flex;gap:10px}.hvh-challenge-setting-icon{height:25px;object-fit:contain;width:25px}.hvh-challenge-time{color:#666;font-size:.85rem;font-style:italic}.hvh-challenge-actions{display:flex;gap:10px}.hvh-accept-challenge-button,.hvh-decline-challenge-button{border:2px solid;border-radius:8px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.hvh-accept-challenge-button{background:linear-gradient(135deg,#1d97b8,#156d84);border-color:#1d97b8;color:#fff}.hvh-accept-challenge-button:hover{background:linear-gradient(135deg,#22aed0,#1a7f9a);box-shadow:0 4px 12px rgba(29,151,184,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hvh-decline-challenge-button{background:transparent;border-color:#999;color:#666}.hvh-decline-challenge-button:hover{background:#999;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hvh-cancel-challenge-button{background:transparent;border:2px solid #f44;border-radius:8px;color:#f44;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.hvh-cancel-challenge-button:hover{background:#f44;box-shadow:0 4px 12px rgba(255,68,68,.4);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hvh-enter-game-button{background:linear-gradient(135deg,#1d97b8,#156d84);border:2px solid #1d97b8;border-radius:8px;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.hvh-enter-game-button:hover{background:linear-gradient(135deg,#22aed0,#1a7f9a);box-shadow:0 4px 12px rgba(29,151,184,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hvh-action-buttons{display:flex;gap:15px;justify-content:center;margin-top:15px;position:relative;z-index:3}.hvh-back-button{background:transparent;border:2px solid #1d97b8;border-radius:12px;color:#1d97b8;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:1.5px;padding:10px 25px;text-transform:uppercase;transition:all .3s ease}.hvh-back-button:hover{background:#1d97b8;box-shadow:0 4px 12px rgba(29,151,184,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.hvh-challenge-game-container{padding:10px}.hvh-challenge-game-content{padding:20px 20px 35px}.hvh-player-name{font-size:1.1rem}.hvh-player-rank{font-size:1rem}.hvh-player-showcase{margin-bottom:15px;padding:15px 10px}.hvh-silhouette-container{height:110px;width:110px}.hvh-settings-icons-container .hvh-silhouette-container{height:160px;width:160px}.hvh-player-head-container{height:100px;width:100px}.hvh-settings-icons-container .hvh-player-head-container{height:150px;width:150px}.hvh-ranked-icon,.hvh-time-icon{height:130px;width:130px}.hvh-placeholder-face,.hvh-player-face{height:100px;width:100px}.hvh-placeholder-face-text{font-size:.8rem}.hvh-settings-title{font-size:1.2rem;margin-bottom:15px}.hvh-setting-item{flex-direction:column;gap:10px;padding:15px 20px}.hvh-setting-label{font-size:1rem}.hvh-setting-value{font-size:1rem;min-width:120px}.hvh-challenge-button-main{font-size:1.1rem;padding:12px 30px}.hvh-challenge-icon,.hvh-challenge-icon-wrapper{height:150px;width:150px}.hvh-challenge-badge{font-size:.8rem;height:26px;width:26px}.hvh-selector-content{padding:25px}.hvh-selector-title{font-size:1.6rem;margin-bottom:20px}.hvh-selector-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.hvh-selector-item{padding:15px}.hvh-selector-img{height:70px;width:70px}.hvh-selector-name{font-size:.95rem}.hvh-selector-rank{font-size:.8rem}.hvh-ranked-options-grid,.hvh-time-options-grid{gap:15px;grid-template-columns:1fr}.hvh-ranked-option-icon,.hvh-time-option-icon{height:90px;width:90px}.hvh-ranked-option-name,.hvh-time-option-name{font-size:1.1rem}.hvh-ranked-option-desc{font-size:.9rem}.hvh-challenges-modal-content{max-height:85vh;padding:25px}.hvh-challenges-modal-title{font-size:1.5rem}.hvh-challenger-avatar{height:45px;width:45px}.hvh-challenge-setting-icon{height:22px;width:22px}.hvh-hand-icon{height:75px;width:75px}}@media (max-width:480px){.hvh-challenge-game-container{padding:10px 8px}.hvh-challenge-game-content{margin:10px auto;max-width:100%;padding:20px 10px 30px;width:88%}.hvh-challenge-game-content:before{height:calc(100% + 45px);left:-15px;top:-15px;width:calc(100% + 30px)}.hvh-margin-line{left:20px}.hvh-player-header{margin-bottom:10px}.hvh-player-name{font-size:.95rem;letter-spacing:.5px}.hvh-player-rank{font-size:.85rem}.hvh-player-showcase{margin-bottom:12px;padding:12px 8px}.hvh-silhouette-container{height:90px;width:90px}.hvh-settings-icons-container .hvh-silhouette-container{height:130px;width:130px}.hvh-player-head-container{height:80px;width:80px}.hvh-settings-icons-container .hvh-player-head-container{height:120px;width:120px}.hvh-ranked-icon,.hvh-time-icon{height:140px;width:140px}.hvh-placeholder-face,.hvh-player-face{border-width:3px;height:80px;width:80px}.hvh-placeholder-face-text{font-size:.65rem;padding:3px}.hvh-settings-section{margin-bottom:12px;padding:8px 0}.hvh-settings-title{font-size:1rem;letter-spacing:1px;margin-bottom:10px}.hvh-settings-icons-container{gap:20px}.hvh-setting-item{flex-direction:column;gap:8px;padding:12px 15px}.hvh-setting-label{font-size:.85rem}.hvh-setting-value{font-size:.85rem;min-width:100px;padding:4px 12px}.hvh-challenge-button-container{margin-bottom:12px}.hvh-challenge-button-main{font-size:.95rem;letter-spacing:1px;padding:10px 25px}.hvh-view-challenges-section{margin-bottom:15px;margin-top:20px;padding:15px 0}.hvh-view-challenges-title{font-size:1rem;letter-spacing:1px;margin-bottom:10px}.hvh-challenge-icon,.hvh-challenge-icon-wrapper{height:120px;width:120px}.hvh-challenge-badge{border-width:2px;font-size:.75rem;height:24px;width:24px}.hvh-placeholder-text{font-size:.7rem;padding:6px 10px}.hvh-challenges-modal,.hvh-ranked-selector-modal,.hvh-selector-modal,.hvh-time-selector-modal{padding:10px}.hvh-selector-content{max-height:85vh;max-width:95%;padding:20px 15px}.hvh-selector-title{font-size:1.3rem;letter-spacing:1.5px;margin-bottom:15px}.hvh-selector-close{font-size:1.2rem;height:32px;right:12px;top:12px;width:32px}.hvh-selector-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.hvh-selector-item{padding:12px}.hvh-selector-img{border-width:2px;height:55px;width:55px}.hvh-selector-name{font-size:.8rem}.hvh-selector-rank{font-size:.7rem}.hvh-ranked-options-grid,.hvh-time-options-grid{gap:10px;grid-template-columns:1fr}.hvh-ranked-option,.hvh-time-option{gap:10px;padding:12px}.hvh-ranked-option-icon,.hvh-time-option-icon{height:70px;width:70px}.hvh-ranked-option-name,.hvh-time-option-name{font-size:.95rem}.hvh-ranked-option-desc{font-size:.8rem}.hvh-challenges-modal-content{max-height:90vh;max-width:98%;padding:15px 10px;width:98%}.hvh-challenges-modal-title{font-size:1.1rem;letter-spacing:.5px;margin-bottom:12px}.hvh-challenges-tabs{gap:15px}.hvh-challenges-tab-section{padding:12px}.hvh-challenges-tab-title{font-size:1rem;margin-bottom:12px}.hvh-challenge-card{flex-wrap:wrap;gap:8px;padding:10px 8px}.hvh-challenger-avatar{height:35px;width:35px}.hvh-challenger-name{font-size:.85rem}.hvh-challenge-setting-icon{height:16px;width:16px}.hvh-challenge-time{font-size:.7rem}.hvh-accept-challenge-button,.hvh-cancel-challenge-button,.hvh-decline-challenge-button,.hvh-enter-game-button{font-size:.75rem;padding:6px 10px;white-space:nowrap}.hvh-back-button{font-size:.8rem;padding:8px 20px}.hvh-hand-icon{height:60px;width:60px}}.notifications-container{background:linear-gradient(135deg,#ffd7a8,#ffb38a 50%,#ff9a76);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);margin:2rem auto;max-width:800px;min-height:400px;padding:2rem}.notifications-container h2{color:#4a4a4a;font-size:2rem;margin-bottom:1.5rem;text-align:center;text-shadow:2px 2px 4px hsla(0,0%,100%,.5)}.notifications-container h3{border-bottom:2px solid hsla(0,0%,100%,.5);color:#5a5a5a;font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.notifications-loading{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.notifications-error{background-color:#ff6b6b;border-radius:8px;color:#fff;margin-bottom:1rem;padding:1rem;text-align:center}.notifications-section{background:hsla(0,0%,100%,.7);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.no-notifications{color:#999;font-style:italic;padding:3rem 1rem;text-align:center}.challenges-list{display:flex;flex-direction:column;gap:1rem}.challenge-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:1.5rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.challenge-card:hover{box-shadow:0 6px 15px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.challenge-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.challenger-avatar{border:3px solid #ff9a76;border-radius:50%;height:60px;object-fit:cover;width:60px}.challenge-info{display:flex;flex:1 1;flex-direction:column}.challenger-name{color:#333;font-size:1.2rem;font-weight:700}.challenge-text{color:#666;font-size:1rem;margin-top:.25rem}.challenge-time{color:#999;font-size:.85rem;margin-top:.25rem}.challenge-actions{display:flex;gap:1rem;justify-content:flex-end}.accept-button,.decline-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.accept-button{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 10px rgba(76,175,80,.3);color:#fff}.accept-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 15px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.decline-button{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 10px rgba(244,67,54,.3);color:#fff}.decline-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 6px 15px rgba(244,67,54,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.accept-button:active,.decline-button:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.notifications-container{margin:1rem;padding:1rem}.notifications-container h2{font-size:1.5rem}.challenge-card{padding:1rem}.challenger-avatar{height:50px;width:50px}.challenger-name{font-size:1rem}.challenge-actions{flex-direction:column;gap:.5rem}.accept-button,.decline-button{padding:.75rem;width:100%}}@media (max-width:480px){.notifications-container{padding:.75rem}.challenge-header{gap:.75rem}.challenger-avatar{height:40px;width:40px}}.friends-container{align-items:flex-start;background:linear-gradient(90deg,#fcd6a0,#fde0b7 20%,#ffecd2 40%,#fcb69f 60%,#fcc1ad 80%,#ff9b79);display:flex;justify-content:center;min-height:100vh;padding:80px 20px 40px}.friends-content{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:1200px;padding:40px;width:100%}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.friends-title{color:#4a3728;font-family:Arial,Helvetica,sans-serif;font-size:1.8rem;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.friends-tabs{border-bottom:3px solid #b58863;display:flex;gap:10px;justify-content:center;margin-bottom:30px;padding-bottom:10px}.tab-button{background:#e8d1ad;border:none;border-radius:10px 10px 0 0;bottom:-3px;color:#4a3728;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;padding:12px 24px;position:relative;transition:all .3s ease}.tab-button:hover{background:#d4b896;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tab-button.active{background:#b58863;border-bottom:3px solid #b58863;box-shadow:0 -2px 10px rgba(0,0,0,.1);color:#fff}.tab-content{margin-top:20px;min-height:400px}.section-title{border-bottom:2px solid #e8d1ad;color:#6b5744;font-size:1.2rem;margin:10px 0;padding-bottom:6px}.friends-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.friend-card{align-items:center;background:#fff;border:2px solid #e8d1ad;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:all .3s ease}.friend-card:hover{background:#fef5e7;border-color:#b58863;box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.friend-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.player-avatar{border:2px solid #b58863;border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.friend-name{color:#6b5744;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{display:flex;flex-shrink:0;gap:8px}.user-modal-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.user-modal-content{-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:500px;padding:30px;position:relative;width:100%}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modal-close{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px}.modal-close:hover{background:#c0392b;-webkit-transform:scale(1.1);transform:scale(1.1)}.user-modal-header{margin-bottom:25px;text-align:center}.user-modal-avatar{border:4px solid #b58863;border-radius:50%;height:100px;margin-bottom:15px;object-fit:cover;width:100px}.user-modal-name{color:#4a3728;font-family:Brain,sans-serif;font-size:1.8rem;margin:0}.user-modal-details{background:linear-gradient(145deg,#f0d9b5,#e8d1ad);border-radius:12px;padding:20px}.detail-row{align-items:center;border-bottom:1px solid #d4b896;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b5744;font-family:Brain,sans-serif;font-size:1.1rem;font-weight:700}.detail-value{color:#4a3728;font-size:1rem}.action-button{flex-shrink:0;font-size:.9rem;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.action-button:last-child{margin-right:0}.action-button.primary{background:linear-gradient(145deg,#fa8c68,#fc6634);color:#fff;font-size:1.2rem;padding:12px 30px}.action-button.primary:hover:not(:disabled){background:linear-gradient(145deg,#fc6634,#fa8c68);box-shadow:0 6px 15px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button.primary:disabled{background:#ccc;cursor:not-allowed;-webkit-transform:none;transform:none}.action-button.add{background:linear-gradient(145deg,#4caf50,#45a049);color:#fff}.action-button.add:hover{background:linear-gradient(145deg,#45a049,#4caf50);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button.accept{background:linear-gradient(145deg,#4a90e2,#357abd);color:#fff}.action-button.accept:hover{background:linear-gradient(145deg,#357abd,#4a90e2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button.decline,.action-button.remove{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff}.action-button.decline:hover,.action-button.remove:hover{background:linear-gradient(145deg,#c0392b,#e74c3c);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button.back{background:linear-gradient(145deg,#b58863,#a87d56);font-size:1.1rem;margin-top:30px;padding:12px 30px}.action-button.back:hover{background:linear-gradient(145deg,#a87d56,#b58863);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.status-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:700;padding:6px 12px}.status-badge.friends{background:#4caf50;color:#fff}.status-badge.pending{background:#ff9800;color:#fff}.search-section{margin-top:10px}.search-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.toggle-search-button{background:linear-gradient(145deg,#b58863,#a87d56);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.toggle-search-button:hover{background:linear-gradient(145deg,#a87d56,#b58863);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.search-form{background:linear-gradient(145deg,#f0d9b5,#e8d1ad);border-radius:12px;display:flex;flex-direction:column;margin-bottom:15px;padding:15px}.form-group{margin-bottom:10px}.form-group label{color:#4a3728;display:block;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;margin-bottom:6px}.search-input{background:#fff;border:2px solid #b58863;border-radius:8px;box-sizing:border-box;color:#4a3728;font-size:.95rem;padding:10px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#8b6f47;box-shadow:0 0 5px rgba(181,136,99,.5);outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.search-button{font-size:.95rem;margin-top:10px;order:10;padding:8px 16px;width:100%}.search-results{margin-top:15px}.results-title{color:#6b5744;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;margin-bottom:10px}.empty-state{padding:30px 15px;text-align:center}.empty-state p{color:#8b7355;font-size:1rem;margin-bottom:15px}.empty-text,.loading-text{color:#8b7355;font-size:.95rem;font-style:italic;padding:20px;text-align:center}.requests-section{margin-bottom:15px}.requests-section:last-child{margin-bottom:0}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:10px;padding:8px 0}.pagination-button{background:linear-gradient(145deg,#b58863,#a87d56);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;padding:10px 20px;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:linear-gradient(145deg,#a87d56,#b58863);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pagination-button:disabled{background:#ccc;cursor:not-allowed;-webkit-transform:none;transform:none}.pagination-info{color:#6b5744;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:700}.action-buttons{margin-bottom:0;margin-top:8px;padding-bottom:0}@media (max-width:968px){.player-avatar{height:45px;width:45px}.friend-name{font-size:1rem}.action-button{font-size:.85rem;padding:6px 10px}}@media (max-width:768px){.friends-container{padding:60px 10px 20px}.friends-content{padding:30px 20px}.friends-title{font-size:1.5rem;margin-bottom:15px}.friends-tabs{flex-direction:column;gap:5px}.tab-button{bottom:0;width:100%}.form-row{gap:10px;grid-template-columns:1fr}.section-title{font-size:1.15rem}.friend-card{gap:6px;padding:6px 8px}.friends-list{gap:6px;margin-top:8px}.requests-section{margin-bottom:12px}.player-avatar{height:35px;width:35px}.friend-name{font-size:.85rem}}@media (max-width:480px){.friends-content{padding:15px 10px 20px}.friends-title{font-size:1.1rem;margin-bottom:10px}.tab-button{font-size:.85rem;padding:8px 12px}.friends-tabs{margin-bottom:15px;padding-bottom:5px}.section-title{font-size:1rem;margin:12px 0 8px;padding-bottom:4px}.toggle-search-button{font-size:.75rem;padding:5px 10px}.search-form{margin-bottom:12px;padding:12px}.form-group{margin-bottom:8px}.form-group label{font-size:.85rem;margin-bottom:4px}.search-input{font-size:.85rem;padding:8px}.search-button{font-size:.9rem;margin-top:10px;padding:8px 16px}.action-button{font-size:.75rem;padding:5px 8px}.action-button.back,.action-button.primary{font-size:.9rem;padding:8px 16px}.action-buttons{margin-bottom:0;margin-top:0;padding-bottom:0}.pagination{flex-direction:row;gap:8px;margin-top:8px;padding:6px 0}.pagination-button{flex:1 1;font-size:.8rem;max-width:80px;padding:6px 12px}.pagination-info{font-size:.85rem}.status-badge{font-size:.75rem;padding:4px 8px}.user-modal-content{padding:20px 15px}.user-modal-avatar{height:70px;width:70px}.user-modal-name{font-size:1.3rem}.detail-label,.detail-value{font-size:.85rem}.detail-row{padding:8px 0}.empty-text,.loading-text{font-size:.9rem;padding:20px}.results-title{font-size:1.1rem}}.music-container{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;min-height:100vh;overflow-y:auto;padding:15px}.music-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);box-sizing:border-box;margin:0 auto;max-width:90vmin;padding:20px;width:100%}.music-title{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,5vw,36px);margin-bottom:20px;text-align:center}.music-section{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.section-title{color:#444;font-size:clamp(16px,4vw,24px);margin-bottom:12px}.section-subtitle,.section-title{font-family:Arial,Helvetica,sans-serif}.section-subtitle{color:#555;font-size:clamp(14px,3.5vw,20px);margin-bottom:10px}.toggle-container,.toggle-label{align-items:center;display:flex}.toggle-label{cursor:pointer;gap:12px}.toggle-checkbox{display:none}.toggle-switch{background:#ccc;border-radius:15px;height:30px;position:relative;transition:background .3s;width:60px}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:24px;left:3px;position:absolute;top:3px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:24px}.toggle-checkbox:checked+.toggle-switch{background:#667eea}.toggle-checkbox:checked+.toggle-switch:after{-webkit-transform:translateX(30px);transform:translateX(30px)}.toggle-text{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,3vw,18px);font-weight:600}.current-track-display{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:12px}.track-info{align-items:center;display:flex;justify-content:space-between}.track-name{color:#333;font-size:clamp(14px,3vw,18px);font-weight:600}.track-duration,.track-name{font-family:Arial,Helvetica,sans-serif}.track-duration{color:#666;font-size:clamp(12px,2.5vw,16px)}.playback-controls{display:flex;gap:8px;width:100%}.play-pause-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,3vw,18px);font-weight:600;padding:10px;transition:background .3s}.play-pause-button:hover{background:#5568d3}.loop-mode-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px 16px;transition:background .3s}.loop-mode-button:hover{background:#5568d3}.progress-container{align-items:center;display:flex;gap:10px;width:100%}.progress-time{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,2.5vw,14px);min-width:40px;text-align:center}.progress-slider-wrapper{background:#ddd;border-radius:3px;flex:1 1;height:6px;overflow:visible;position:relative}.progress-bar-fill{background:#667eea;border-radius:3px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .1s linear;z-index:1}.progress-slider{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:20px;left:0;margin:0;outline:none;position:absolute;top:-7px;width:100%;z-index:10}.progress-slider::-webkit-slider-runnable-track{background:transparent;border-radius:3px;height:6px;width:100%}.progress-slider::-moz-range-track{background:transparent;border-radius:3px;height:6px;width:100%}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:16px;margin-top:-2px;position:relative;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:16px;z-index:2}.progress-slider::-webkit-slider-thumb:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.progress-slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:16px;position:relative;-moz-transition:transform .2s;transition:transform .2s;width:16px;z-index:2}.progress-slider::-moz-range-thumb:hover{transform:scale(1.2)}.progress-slider:disabled{cursor:not-allowed;opacity:.5}.track-list{display:flex;flex-direction:column;gap:10px}.track-item{align-items:center;background:#fff;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .3s}.track-item:hover{border-color:#667eea;-webkit-transform:translateX(5px);transform:translateX(5px)}.track-item.active{background:#f0f4ff;border-color:#667eea}.track-item-info{display:flex;flex-direction:column;gap:5px}.track-item-name{color:#333;font-size:clamp(14px,3vw,16px);font-weight:600}.track-item-duration,.track-item-name{font-family:Arial,Helvetica,sans-serif}.track-item-duration{color:#666;font-size:clamp(12px,2.5vw,14px)}.track-item-indicator{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite;color:#667eea;font-size:clamp(18px,4vw,24px)}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.volume-control{align-items:center;background:#fff;border-radius:8px;display:flex;gap:12px;padding:12px}.volume-icon{font-size:clamp(20px,4vw,28px)}.volume-slider{-webkit-appearance:none;background:#ddd;border-radius:3px;flex:1 1;height:6px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:20px;width:20px}.volume-slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.volume-value{color:#333;min-width:45px;text-align:right}.save-message,.volume-value{font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,3vw,16px);font-weight:600}.save-message{border-radius:8px;margin-bottom:20px;padding:12px;text-align:center}.save-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.save-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.action-button{border:none;border-radius:8px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,3vw,16px);font-weight:600;padding:10px 25px;transition:all .3s}.action-button.back{background:#6c757d;color:#fff}.action-button.back:hover{background:#5a6268}@media (max-width:480px){.music-container{padding:10px}.music-content{border-radius:10px;padding:15px}.music-title{font-size:18px;margin-bottom:15px}.music-section{margin-bottom:15px;padding:12px}.section-title{font-size:15px;margin-bottom:10px}.section-subtitle{font-size:13px;margin-bottom:8px}.current-track-display{gap:8px;padding:10px}.track-name{font-size:13px}.track-duration{font-size:11px}.playback-controls{gap:6px}.play-pause-button{font-size:13px;padding:8px}.loop-mode-button{font-size:18px;padding:8px 12px}.progress-container{gap:8px}.progress-time{font-size:10px;min-width:35px}.progress-slider::-webkit-slider-thumb{height:14px;width:14px}.progress-slider::-moz-range-thumb{height:14px;width:14px}.track-item{padding:10px}.track-item-name{font-size:13px}.track-item-duration{font-size:11px}.volume-control{gap:10px;padding:10px}.volume-icon{font-size:20px}.volume-value{font-size:13px;min-width:40px}.save-message{font-size:13px;margin-bottom:15px;padding:10px}.action-buttons{margin-top:15px}.action-button{font-size:13px;padding:8px 20px}.toggle-text{font-size:13px}.toggle-switch{height:26px;width:50px}.toggle-switch:after{height:20px;width:20px}.toggle-checkbox:checked+.toggle-switch:after{-webkit-transform:translateX(24px);transform:translateX(24px)}}
/*# sourceMappingURL=main.7c632057.css.map*/