:root{--highlight: green;--red: red;--green: green}.theme1{--light: #ebecd0;--dark: #709c45;--highlight: green}.theme2{--light: #F0D9B5;--dark: #B48762}.theme3{--light: white;--dark: rgb(154, 154, 154)}.board_wrapper{height:90vh;width:90vh;position:relative}.board{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;flex-wrap:wrap;transition:.5s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-size:cover;background-position:center;background-repeat:no-repeat;background-size:100%}.board.blur{filter:blur(3px)}.board .row{display:flex;align-items:center;justify-content:center}.board .square{height:11.25vh;width:11.25vh;box-shadow:inset 0 0 #000;display:flex;align-items:center;justify-content:center;transform-origin:center center;background:var(--light)}.board .square.dark{background:var(--dark)}.board .square img{width:110%;z-index:10;transition:.3s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.board .square img.wall{filter:blur(5px)}.highlight{position:relative}.highlight:after{content:"";position:absolute;height:25%;width:25%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(to top left,white,var(--highlight));z-index:11}.highlight.playerTurn:after{background:linear-gradient(to top left,#fff,red)}.dark.highlight:after{background:linear-gradient(to top left,white,var(--highlight))}.highlight.dark.playerTurn:after{background:linear-gradient(to top left,#fff,red)}.highlight:hover:after{height:20%;width:20%}.highlight.capture:after{content:"";position:absolute;height:70%;width:70%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;padding:6px;background:linear-gradient(45deg,white 10%,var(--red) 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 2s linear infinite}.highlight.capture:hover:after{padding:5px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.rightClicked.normal{background:#eb7d6e!important}.rightClicked.dark.normal{background:#d6685a!important}.rightClicked.shift{background:#73bde0!important}.rightClicked.dark.shift{background:#5aa5c8!important}.checkSquare{background:radial-gradient(circle,rgba(255,0,0,.6),var(--light))!important}.checkSquare.dark{background:radial-gradient(circle,rgba(255,0,0,.6),var(--dark))!important}.lastMoveFromSquare{box-shadow:inset 0 0 0 5px #00e000!important}.lastMoveToSquare{box-shadow:inset 0 0 0 5px #01cb01!important}.lastMoveFromSquare.enemyTurn,.lastMoveToSquare.enemyTurn{box-shadow:inset 0 0 0 5px #ff5252!important}.selectedSquare{background:radial-gradient(circle,green,var(--light))!important}.selectedSquare.dark{background:radial-gradient(circle,green,var(--dark))!important}.selectedSquare.enemyPiece{background:radial-gradient(circle,red,var(--light))!important}.selectedSquare.dark.enemyPiece{background:radial-gradient(circle,red,var(--dark))!important}.selectedSquare img{animation:blink 1s infinite}@keyframes blink{0%{scale:1}50%{scale:1.1}to{scale:1}}.special_square{background:linear-gradient(#73bde0,#4d91b0)!important;box-shadow:inset 0 0 0 .3px #000!important;scale:1.01;animation:bgAnimate 1s linear infinite}.special_square.dark{background:linear-gradient(#73bde0,#4d91b0)!important}.remove_square{background:red!important;animation:fade_animation 1s linear infinite alternate}@keyframes fade_animation{0%{scale:.95}to{scale:.9}}@keyframes bgAnimate{0%{background:linear-gradient(#73bde0,#4d91b0)!important}50%{background:linear-gradient(#73bde0,#1c3440)!important}to{background:linear-gradient(#73bde0,#4d91b0)!important}}.remove_square.dark{background:#c80101!important}@media(max-width:700px){.board_wrapper{height:100vw;width:100vw}.board .square{height:calc(100vw / 8.15);width:calc(100vw / 8.15)}.highlight.capture:after{padding:4px}.lastMoveFromSquare{box-shadow:inset 0 0 0 3px #00e000!important}.lastMoveToSquare{box-shadow:inset 0 0 0 3px #01cb01!important}.lastMoveFromSquare.enemyTurn,.lastMoveToSquare.enemyTurn{box-shadow:inset 0 0 0 3px #ff5252!important}}.p2{height:3vh;display:flex;align-items:center;margin:1vh 0}.p1{height:3vh;display:flex;align-items:center;flex-direction:row-reverse;margin:1vh 0}.p1 img,.p2 img{border-radius:50%;height:80%;background:#fff;margin:0 .5rem}.board_wrapper{position:relative}.arrow-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.button{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;padding:1rem 2rem;border-radius:10px;font-size:2rem;font-weight:700;cursor:pointer;border:none;margin-top:2rem;width:100%;position:relative;overflow:hidden}.button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transition:.5s}.button:hover:after{left:100%}.heading{text-align:center;margin:2rem 0;font-size:5rem;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:700px){.button{border-radius:5px;padding:.8rem 2rem;font-size:1.5rem}}.show_outline{font-size:.8rem;padding:.6rem 1.4rem;border-radius:10vmax;color:#fff;text-transform:uppercase;font-weight:700;margin:1rem 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer}.show{font-size:.8rem;padding:.6rem 1.4rem;border-radius:10vmax;border:none;color:#fff;text-transform:uppercase;font-weight:700;margin:1rem .5rem 1rem 0;cursor:pointer}.difficulty-1{background:linear-gradient(135deg,#10b981,#059669)}.difficulty-2{background:linear-gradient(135deg,#3b82f6,#2563eb)}.difficulty-3{background:linear-gradient(135deg,#f59e0b,#d97706)}.difficulty-4{background:linear-gradient(135deg,#ef4444,#dc2626)}.difficulty-5{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.filter_buttons{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:2rem 0;position:sticky;top:10px;z-index:10}.filter_buttons button{padding:.75rem 1.5rem;background:#ffffff0d;outline:1px solid rgba(255,255,255,.205);border:none;border-radius:20px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter_buttons button.active{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;box-shadow:0 8px 32px #8b5cf64d}.filter_buttons button:hover{background:linear-gradient(135deg,#00c6ff,#0072ff);transform:translateY(-3px)}.filter_buttons.bar{width:max-content;margin:auto;padding:.3rem;border-radius:10px;gap:.4rem;background:#2a2a2a;margin:0 2rem}.filter_buttons.bar button{border-radius:10px;background:none;outline:none;padding:1rem 3rem}.filter_buttons.bar button.active{background:linear-gradient(135deg,#00c6ff,#0072ff)}.filter_buttons.outline button{padding:.5rem 1.5rem;border-radius:5px;transition:none}.filter_buttons.outline button.active{outline:3px solid #633791;color:#b86dfe;background:#ffffff0d!important}.filter_buttons.outline button:hover{background:#ffffff1a;border-color:#fff3}@media(max-width:700px){.filter_buttons.bar button{padding:1rem 2rem}}.restartDiv{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.restartDiv .container{width:60%;border-radius:20px;overflow:hidden;animation:popIn .5s ease-out forwards;transform-origin:center center}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.restartDiv .top{background:#3c3a38;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem 0}.restartDiv .top h1{font-size:3rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.restartDiv .top h3{font-size:1.3rem;color:#d8d7d7;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.restartDiv .bottom{background:#262421;display:flex;align-items:center;justify-content:center}.restartDiv .button{margin:2rem}.restartDiv button.close{position:absolute;top:10px;right:20px;font-size:2rem;background:none;border:none;color:#9f9b9a;cursor:pointer;font-family:Arial,Helvetica,sans-serif}@media(max-width:700px){.restartDiv .container{width:90%}}.promotionDiv{position:absolute;top:0;left:0;height:100%;width:100%;z-index:11;display:flex;align-items:center;justify-content:center}.promotionDiv .piecesContainer{display:flex;align-items:center;justify-content:center;gap:1rem}.promotionDiv .piecesContainer img{width:20vh;border-radius:20px;cursor:pointer}@media(max-width:700px){.promotionDiv .piecesContainer img{width:20vw;border-radius:10px}}.mainContainer{height:100vh;display:flex;align-items:center;justify-content:center}.mainContainer .leftSection,.mainContainer .rightSection{flex:1;height:100%;padding:5rem 3rem}.mainContainer .leftSection{display:flex;align-items:flex-end;flex-direction:column}.mainContainer .rightSection{text-align:left}.leftSection .checkContainer{border:1px solid white;margin:2rem 0;padding:1rem 2rem;width:max-content;display:flex;flex-direction:column}.leftSection h1{background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.4rem;padding:1rem .5rem}.rightSection button{margin:.5rem 0}@media(max-width:700px){.mainContainer{flex-direction:column;height:auto}.mainContainer .leftSection,.mainContainer .rightSection{flex:1;height:100%;padding:0}.mainContainer .leftSection{margin-top:2rem;align-items:center}.mainContainer .leftSection .checkContainer{width:fit-content;margin:1rem 0;padding:.5rem 1rem;flex-direction:row}}*{padding:0;margin:0;box-sizing:border-box}body{background:#302e2b;background:#282424;color:#fff;font-family:Arial,Helvetica,sans-serif}@media(max-width:700px){html{font-size:14px}}.variantsContainer{max-width:90vw;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.variantsContainer .card{display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-radius:15px;overflow:hidden;background:#1c1c1c;border:1px solid rgba(255,255,255,.08)}.variantsContainer .card img{width:100%}.variantsContainer .card .details{width:100%;padding:2rem}.variantsContainer .card .details .name{background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:1rem}.variantsContainer .card .details .desc{font-size:1.2rem;height:2rem}.variantsContainer .card .details h3{font-size:1rem;color:#cccbcb;margin-top:1rem}.difficulty_bar{width:100%}.difficulty_bar .step,.chaos_bar .step{display:inline-block;width:15%;background:gray;margin:0 .3rem;height:8px;border-radius:10px}.difficulty_bar .step.active{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.chaos_bar .step.active{background:linear-gradient(135deg,#f59e0b,#ef4444)}.line{margin:2rem 0;height:.1px;background:#ffffff4d}@media(max-width:700px){.variantsContainer{max-width:85vw}}.variantLobby .main_container{background:#1c1c1c;outline:1px solid rgb(57,57,57);margin:auto;padding:3rem 0;border-radius:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:90vh}.variantLobby .container{margin-top:3rem;padding:0 4rem;display:flex;justify-content:center;flex-direction:column}.variantLobby .container input{width:100%;border:none;background:#2a2a2a;color:#fff;font-size:1rem;padding:1rem;border-radius:5px;outline:1px solid rgba(255,255,255,.247);margin-top:.5rem;transition:.3s}.variantLobby .container input:focus{outline:1px solid #633791;box-shadow:0 0 5px #633791;background:#63379116}.variantLobby .container h3{color:#aeaeae;margin-top:2rem;font-size:1rem}.section-divider{display:flex;align-items:center;width:100%;margin-top:2rem;color:#6b6b80;font-size:.9rem;letter-spacing:1px}.section-divider:before,.section-divider:after{content:"";width:50%;height:.8px;background:#fff3}.section-divider span{padding:0 1rem;text-wrap:nowrap}#multiplayer.container,#engine.container{display:flex;align-items:center;justify-content:center;margin-top:15rem}