@font-face{font-family:Modak;src:url(/assets/Modak-Regular-DIBFXdsY.ttf)}@font-face{font-family:Aladin;src:url(/assets/Aladin-Regular-hPKbWBoq.ttf)}@font-face{font-family:Sour_Gummy;src:url(/assets/SourGummy-VariableFont_wdth_wght-Baxm8IJN.ttf)}:root{--neutral-black: #222;--dark-blue: #1E2637FF;--deep-dark-blue: #0c0f16;--shadow: rgba(0, 0, 0, .6)}:root,body,html{padding:0;margin:0;max-width:100%;max-height:100%;background-color:var( --neutral-black)}a{text-decoration:none;color:#60b6ff}a:hover{color:#6b60ff}#app{z-index:2}#app .loader{z-index:1}aside{background-color:var( --dark-blue);color:#fff;font-family:Sour_Gummy,sans-serif}aside h1{font-family:Aladin,sans-serif;font-size:4rem}aside #settings-btn{background:none;border:none}aside #settings-btn image{fill-rule:var(--deep-dark-blue)}aside #options .option{font-size:1.4rem}aside footer{background-color:var(--deep-dark-blue)}#app{display:grid;padding:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}#app>.case{text-align:center;font-size:5rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:filter .2s ease-in-out}#app>.case:after{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}#app>.case.black{background-color:#5e4f48}#app>.case.white{background-color:#ffecd4}#app>.case .piece{-moz-user-select:none;cursor:not-allowed;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;width:calc(min(calc(100vh - 240px),100vw)/8);height:calc(min(calc(100vh - 240px),100vw)/8)}@media screen and (min-width: 90em){#app>.case .piece{width:calc(min(70vw,98vh)/8);height:calc(min(70vw,98vh)/8)}}#app>.case .piece.playable{pointer-events:all;cursor:grab}#app>.case .piece.dragging{cursor:grabbing}#app>.case .piece img{pointer-events:none;width:75%;height:75%;align-self:center;margin-top:10px}#app>.case.possible-move:after{background-color:#fff;content:"";position:absolute;width:20%;height:20%;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);border:#1c1c1c 2px solid;z-index:1}#app>.case.possible-move.take:after{background:none;border-radius:100%;border:rgb(255,51,82) 7px solid;font-size:100%;position:absolute;width:60%;height:60%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#app>.case.possible-move.castling:after{background:none;border-radius:0;border:rgb(135,255,110) 10px solid;font-size:100%;position:absolute;width:30%;height:30%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#app>.case.possible-move.selection-hover:after{transform:translate(-50%,-50%) scale(1.3)}.dragging{pointer-events:none;cursor:grabbing;z-index:8}@keyframes modal{0%{top:0}to{top:calc(50% - 60px)}}.modal-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{background-color:#1e2637;min-height:120px;min-width:180px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;top:calc(50% - 60px);animation:modal .4s ease-in;border:none;box-shadow:#1c1c1c 5px 5px 5px;border-radius:4px;z-index:11}.modal>*{color:#fff;font-family:Sour_Gummy,sans-serif;margin:0 auto}.modal h3{font-size:1.4rem}.modal span{font-size:1rem}.modal button{background-color:#3a435b;border:2px rgba(0,0,0,.3) solid;padding:8px 16px}.modal button:hover{cursor:pointer;background-color:#1e2637}#promote-diag{position:absolute;border:1px solid rgb(30,38,55);min-width:calc(min(70vw,98vh)/12 - 16px);display:flex;flex-direction:column;z-index:10;background:#fff;padding:8px;border-radius:8px;box-shadow:#1c1c1c 0 0 15px;animation:none}#promote-diag span{color:#1e2637;font-family:Sour_Gummy,sans-serif;font-size:.8rem}#promote-diag hr{margin:8px 0}#promote-diag .promote-btn{width:100%;border:none;border-radius:4px;transition:transform .2s ease-in-out,background-color .1s linear}#promote-diag .promote-btn:hover{background-color:#1e263799;cursor:pointer}#promote-diag .promote-btn:active{transform:scale(.9)}#promote-diag img{width:100%}#checkmate-diag{width:15vw}#checkmate-diag>*{color:#fff;font-family:Sour_Gummy,sans-serif;margin:4px auto}#checkmate-diag h3,#checkmate-diag span{font-size:1.6rem}#checkmate-diag button{margin-top:16px;font-size:1.4rem;transition:background-color .1s linear,transform .3s cubic-bezier(.175,.885,.32,1.275)}#checkmate-diag button:active{transform:scale(.8)}#checkmate-diag button:hover{background-color:#c4d6ff99;transform:scale(1.1);cursor:pointer}