@charset "UTF-8";body{margin:0;overflow:hidden;font-family:Georgia,Times New Roman,Times,serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;z-index:0}:root{--game-table-color: #9d5723;--primary-color: #d9b996;--tertiary-color: #b2977a;--primary-secondary-color: #eac7a3;--secondary-color: #441b08;--transparent: #000000b3;--border-color: #f8c282}div[data-piece]{z-index:5;transition:transform .1s ease-out,z-index 0s}.react-chessboard div[data-square$="1"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="1"]{z-index:8}.react-chessboard div[data-square$="2"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="2"]{z-index:7}.react-chessboard div[data-square$="3"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="3"]{z-index:6}.react-chessboard div[data-square$="4"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="4"]{z-index:5}.react-chessboard div[data-square$="5"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="5"]{z-index:4}.react-chessboard div[data-square$="6"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="6"]{z-index:3}.react-chessboard div[data-square$="7"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="7"]{z-index:2}.react-chessboard div[data-square$="8"],.react-chessboard:not([data-board-orientation=black]) div[data-square$="8"]{z-index:1}.react-chessboard[data-board-orientation=black] div[data-square$="8"]{z-index:8}.react-chessboard[data-board-orientation=black] div[data-square$="7"]{z-index:7}.react-chessboard[data-board-orientation=black] div[data-square$="6"]{z-index:6}.react-chessboard[data-board-orientation=black] div[data-square$="5"]{z-index:5}.react-chessboard[data-board-orientation=black] div[data-square$="4"]{z-index:4}.react-chessboard[data-board-orientation=black] div[data-square$="3"]{z-index:3}.react-chessboard[data-board-orientation=black] div[data-square$="2"]{z-index:2}.react-chessboard[data-board-orientation=black] div[data-square$="1"]{z-index:1}.rdndmb-dragging,.rdndmb-drag-layer>*,div[data-piece][style*="position: fixed"][style*="pointer-events: none"]{z-index:20!important}.react-chessboard div[data-square].highlight-puzzle-hint:before{content:"";position:absolute;inset:0;background:#0096ff99;pointer-events:none;animation:pulse-hint 1.5s ease-in-out infinite;transform:translateZ(1px)}@keyframes pulse-hint{0%,to{opacity:.6}50%{opacity:1}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--transparent);display:flex;justify-content:center;align-items:center;z-index:1000}#user-profile{display:flex;flex-direction:row;align-items:center;gap:1rem;margin:1rem;font-size:1.5rem;color:var(--primary-color);background-color:var(--transparent);width:fit-content;border-radius:10px;padding-inline:1rem;z-index:200;position:absolute}#user-picture{border-radius:50%}#orientation-warning{position:fixed;top:0;left:0;width:100dvw;height:100dvh;z-index:300;display:none;pointer-events:all}@media only screen and (max-width: 1024px) and (orientation: landscape) and (hover: none) and (pointer: coarse){#orientation-warning{display:block!important}}@media screen and (max-width: 500px) and (hover: none) and (pointer: coarse){.waiting-room,.chess-menu{margin-bottom:3rem}}.orientation-overlay{display:none;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#b2977a;color:#f7e1bd;font-size:2.5rem;font-weight:600;display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem;box-sizing:border-box}.orientation-textbox{max-width:80%;width:100%;word-wrap:break-word;text-align:center;line-height:1.5;text-shadow:1px 1px 3px rgba(0,0,0,.5)}body{background-size:cover;background-position:center;background-attachment:fixed}.chess-app{display:flex;align-items:center;justify-content:center;min-height:100vh;height:100%;width:100%}.player-name{position:absolute;top:0;background-color:#230c018a;color:#d9b996;font-size:2rem;padding:.5rem 1rem;border-radius:5px;z-index:1}#player-name1{top:3vh}#player-name2{top:90vh}.flashing-turn{animation:flashing 2s;animation-iteration-count:5}@keyframes flashing{0%{background-color:#230c01}50%{background-color:#883504;font-size:1.6rem}to{background-color:#230c01}}.captured-list.captured-white{display:flex;flex-direction:column;user-select:none;position:absolute;padding:0;top:45vh;left:3vw}.captured-list.captured-black{display:flex;flex-direction:column;position:absolute;top:45vh;right:0;margin-right:3vw}.captured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(45px,1fr));grid-auto-rows:60px;gap:30px;max-width:20vw;width:100%}.captured-black-grid{direction:rtl}.captured-piece{object-fit:contain;margin:0;display:block;width:100%;height:auto;max-height:100%;max-width:20vw;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.captured-wrapper{position:relative;width:50px;height:50px;flex-shrink:0;overflow:visible;display:flex;align-items:center;justify-content:center}.captured-piece-img{position:absolute;object-fit:cover;pointer-events:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.captured-piece-shadow{position:absolute;transform:skew(25deg,10deg) translate(-5%,-3%) scale(1.05);opacity:.75;z-index:-1;filter:blur(2px) brightness(0) grayscale(1);pointer-events:none}@media (max-width: 1100px){.captured-list.captured-white{top:auto;bottom:-2vh;left:3vw;transform:none;max-height:15vh;max-width:90vw;align-items:flex-start}.captured-list.captured-black{top:-13vh;bottom:auto;left:auto;right:3vw;transform:none;width:auto;max-width:90vw;max-height:15vh;align-items:flex-end;margin-top:20vh}.black-pov.captured-white{bottom:auto!important;top:15vh!important;left:auto!important;right:3vw!important;align-items:flex-end!important}.black-pov.captured-black{top:auto!important;bottom:-1vh!important;left:3vw!important;right:auto!important;align-items:flex-start!important}.captured-grid{display:grid;grid-template-columns:repeat(auto-fit,45px);grid-template-rows:repeat(2,1fr);justify-content:center;place-items:center;gap:10px;width:auto;max-width:95vw;max-height:15vh}.captured-white .captured-grid{justify-content:start}.captured-black .captured-grid{justify-content:end}}@media (max-width: 1100px) and (max-width: 660px){.captured-list.captured-white{bottom:3vh}}@media (max-width: 1100px){.captured-list.captured-white.multi-row{bottom:5vh}}@media (max-width: 507px){.captured-list.captured-white{bottom:5vh}}@media (max-width: 507px) and (hover: none) and (pointer: coarse){.captured-list.captured-white{bottom:-2vh}}@media (max-width: 507px){.captured-list.captured-white.multi-row{bottom:3vh}.multi-row .captured-grid{grid-template-columns:repeat(auto-fit,35px)}}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:#f8c282;text-align:center;z-index:10;transition:opacity .5s ease;background-color:#321607e6;border-radius:35px;border:solid #f8c282 .3rem;width:400px;max-width:90vw}.game-over h1{color:#f8c282}@media screen and (max-width: 700px){.game-over{width:320px;padding:1.5rem}.game-over h1{font-size:2rem}.game-over h2{font-size:1.25rem}}@media screen and (max-width: 400px){.game-over{width:280px;padding:1rem}}.game-over-button{display:flex;flex-direction:column;gap:2rem;margin-top:1rem;align-items:center;justify-content:center;width:100%;min-height:120px}.game-over-button button{padding:.75rem 2rem;font-size:1.25rem;width:200px;max-width:100%}@media (max-width: 700px){.game-over-button{gap:1rem;min-height:100px}.game-over-button button{width:180px}}#buttons{display:flex;flex-direction:column;gap:1rem}.play-again-modal{display:flex;flex-direction:column;width:100%;align-items:center}.play-again-modal p{text-align:center;margin-bottom:1rem;word-wrap:break-word}.play-again-modal button{margin:.5rem 0;width:200px;max-width:100%}@media (max-width: 700px){.play-again-modal button{font-size:1.5rem;width:180px}}.game-over-multiplayer{display:flex;flex-direction:column;align-items:center;width:100%;min-height:120px}.game-over-multiplayer p{text-align:center}.game-over-multiplayer button{width:200px;max-width:100%;margin:.5rem 0}@media (max-width: 700px){.game-over-multiplayer button{font-size:1.5rem;width:180px}}.exit-review-button{display:flex;justify-content:end;color:#f8c282;border:2px solid #f8c282;border-radius:8px;padding:.75rem 1.5rem;font-size:1.25rem!important;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.exit-review-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.exit-review-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}@media screen and (max-width: 700px){.exit-review-button{padding:.5rem 1rem;font-size:.75rem!important}}.victory-screen{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeInVictory .5s ease-in}.victory-screen .horns{display:none}.victory-screen .victory-king{position:relative;display:flex;flex-direction:column;align-items:center}.victory-screen .victory-king .king-main{position:relative;width:150px;z-index:3}.victory-screen .victory-king .light-ray-frame{position:absolute;z-index:2;width:1300px;left:-575px;top:-75%;opacity:.8;background:transparent;border:none}.victory-screen .victory-king .checkmate-banner{position:absolute;font-size:3rem;font-weight:1000;top:170px;color:#fff;text-shadow:2px 3px 0 #000,-2px -1px 0 #000,2px -1px 0 #000,-2px 1px 0 black;animation:fadeInBanner 1s ease-out;z-index:5}.victory-screen .victory-king .winner-line{position:absolute;left:20px;font-size:2.5rem;margin-top:.5rem;white-space:nowrap}.victory-screen .confetti-wrapper{position:absolute;top:50%;z-index:3;pointer-events:none}.victory-screen .confetti-wrapper img.confetti-animation{width:500px}.victory-screen .confetti-wrapper.confetti-left{left:-50px}.victory-screen .confetti-wrapper.confetti-left.top{top:15%}.victory-screen .confetti-wrapper.confetti-left.middle{top:30%}.victory-screen .confetti-wrapper.confetti-left.bottom{top:45%}.victory-screen .confetti-wrapper.confetti-right{right:-50px;transform:scaleX(-1)}.victory-screen .confetti-wrapper.confetti-right.top{top:15%}.victory-screen .confetti-wrapper.confetti-right.middle{top:30%}.victory-screen .confetti-wrapper.confetti-right.bottom{top:45%}@media (min-width: 768px){.victory-screen{display:flex;justify-content:center}.victory-screen .horns{display:none}.victory-screen .victory-king .king-main,.victory-screen .victory-king .king-glow{width:250px}.victory-screen .victory-king .light-ray-frame{width:2000px;left:-55rem;top:-70%}.victory-screen .victory-king .checkmate-banner{font-size:4rem;margin-left:1.5rem;top:21rem}.victory-screen .victory-king .winner-line{font-size:2.5rem;margin-left:2rem}.victory-screen .confetti-wrapper{display:block}.victory-screen .confetti-wrapper img.confetti-animation{width:600px}}@media screen and (min-width: 1440px){.victory-screen .horns{display:flex;flex-direction:column;justify-content:center;gap:2rem;z-index:1;animation-duration:.6s}.victory-screen .horns img{width:700px;opacity:0;animation-duration:1s;animation-fill-mode:forwards}.victory-screen .horns.horns-left{align-items:flex-end}.victory-screen .horns.horns-left img{animation-name:slideInLeft,slideOutLeft;animation-delay:0s,3s,.3s,3.3s,.6s,3.6s;animation-duration:1s,1s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-composition:accumulate}.victory-screen .horns.horns-left img:nth-child(1){animation-delay:0s,2.6s;transform:translate(20px)}.victory-screen .horns.horns-left img:nth-child(2){animation-delay:.2s,2.8s}.victory-screen .horns.horns-left img:nth-child(3){animation-delay:.4s,3s}.victory-screen .horns.horns-right{align-items:flex-start}.victory-screen .horns.horns-right img{animation-name:slideInRight,slideOutRight;animation-delay:0s,3s,.3s,3.3s,.6s,3.6s;animation-duration:1s,1s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-composition:accumulate}.victory-screen .horns.horns-right img:nth-child(1){animation-delay:0s,2.6s;transform:translate(-20px)}.victory-screen .horns.horns-right img:nth-child(2){animation-delay:.2s,2.8s}.victory-screen .horns.horns-right img:nth-child(3){animation-delay:.4s,3s}.victory-screen .victory-king .king-main,.victory-screen .victory-king .king-glow{width:250px}.victory-screen .victory-king .light-ray-frame{width:2000px;left:-55rem;top:-70%}.victory-screen .victory-king .checkmate-banner{font-size:5rem;margin-right:2rem;top:18rem}.victory-screen .victory-king .winner-line{font-size:4rem;margin-left:2rem}.victory-screen .confetti-wrapper img.confetti-animation{width:1000px}.victory-screen .confetti-wrapper.confetti-left{left:420px}.victory-screen .confetti-wrapper.confetti-left.top{top:5%;left:440px}.victory-screen .confetti-wrapper.confetti-left.middle{top:32%}.victory-screen .confetti-wrapper.confetti-left.bottom{top:58%}.victory-screen .confetti-wrapper.confetti-right{right:420px;transform:scaleX(-1)}.victory-screen .confetti-wrapper.confetti-right.top{top:5%;right:440px}.victory-screen .confetti-wrapper.confetti-right.middle{top:32%}.victory-screen .confetti-wrapper.confetti-right.bottom{top:58%}}@media screen and (min-width: 1920px){.victory-screen .horns{display:flex;flex-direction:column;justify-content:center;gap:2rem;z-index:1;animation-duration:.6s}.victory-screen .horns img{width:800px;opacity:0;animation-duration:1s;animation-fill-mode:forwards}.victory-screen .horns.horns-left{align-items:flex-end}.victory-screen .horns.horns-left img{animation-name:slideInLeft,slideOutLeft;animation-delay:0s,3s,.3s,3.3s,.6s,3.6s;animation-duration:1s,1s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-composition:accumulate}.victory-screen .horns.horns-left img:nth-child(1){animation-delay:0s,2.6s;transform:translate(20px)}.victory-screen .horns.horns-left img:nth-child(2){animation-delay:.2s,2.8s}.victory-screen .horns.horns-left img:nth-child(3){animation-delay:.4s,3s}.victory-screen .horns.horns-right{align-items:flex-start}.victory-screen .horns.horns-right img{animation-name:slideInRight,slideOutRight;animation-delay:0s,3s,.3s,3.3s,.6s,3.6s;animation-duration:1s,1s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-composition:accumulate}.victory-screen .horns.horns-right img:nth-child(1){animation-delay:0s,2.6s;transform:translate(-20px)}.victory-screen .horns.horns-right img:nth-child(2){animation-delay:.2s,2.8s}.victory-screen .horns.horns-right img:nth-child(3){animation-delay:.4s,3s}.victory-screen .confetti-wrapper.confetti-left{left:500px}.victory-screen .confetti-wrapper.confetti-left.top{top:1%;left:520px}.victory-screen .confetti-wrapper.confetti-left.middle{top:32%}.victory-screen .confetti-wrapper.confetti-left.bottom{top:61%}.victory-screen .confetti-wrapper.confetti-right{right:500px;transform:scaleX(-1)}.victory-screen .confetti-wrapper.confetti-right.top{top:1%;right:520px}.victory-screen .confetti-wrapper.confetti-right.middle{top:32%}.victory-screen .confetti-wrapper.confetti-right.bottom{top:61%}.victory-screen .confetti-wrapper img.confetti-animation{width:1000px}}@media screen and (min-width: 2560px){.victory-screen .horns{display:flex;flex-direction:column;justify-content:center;gap:2rem;z-index:1;animation-duration:.6s}.victory-screen .horns img{width:1100px;opacity:0;animation-duration:1s;animation-fill-mode:forwards}.victory-screen .horns.horns-left{align-items:flex-end}.victory-screen .horns.horns-left img{animation-name:slideInLeft,slideOutLeft;animation-delay:0s,3s,.3s,3.3s,.6s,3.6s;animation-duration:1s,1s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-composition:accumulate}.victory-screen .horns.horns-left img:nth-child(1){animation-delay:0s,2.6s;transform:translate(20px)}.victory-screen .horns.horns-left img:nth-child(2){animation-delay:.2s,2.8s}.victory-screen .horns.horns-left img:nth-child(3){animation-delay:.4s,3s}.victory-screen .horns.horns-right{align-items:flex-start}.victory-screen .horns.horns-right img{animation-name:slideInRight,slideOutRight;animation-delay:0s,3s,.3s,3.3s,.6s,3.6s;animation-duration:1s,1s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-composition:accumulate}.victory-screen .horns.horns-right img:nth-child(1){animation-delay:0s,2.6s;transform:translate(-20px)}.victory-screen .horns.horns-right img:nth-child(2){animation-delay:.2s,2.8s}.victory-screen .horns.horns-right img:nth-child(3){animation-delay:.4s,3s}.victory-screen .confetti-wrapper.confetti-left{left:710px}.victory-screen .confetti-wrapper.confetti-left.top{top:1%;left:730px}.victory-screen .confetti-wrapper.confetti-left.middle{top:28%}.victory-screen .confetti-wrapper.confetti-left.bottom{top:56%}.victory-screen .confetti-wrapper.confetti-right{right:710px;transform:scaleX(-1)}.victory-screen .confetti-wrapper.confetti-right.top{top:1%;right:730px}.victory-screen .confetti-wrapper.confetti-right.middle{top:28%}.victory-screen .confetti-wrapper.confetti-right.bottom{top:56%}.victory-screen .confetti-wrapper img.confetti-animation{width:1600px}}@keyframes slideInLeft{0%{transform:translate(-1000px);opacity:.2}to{transform:translate(-100px);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-1000px);opacity:0}}@keyframes slideInRight{0%{transform:translate(1000px);opacity:.2}to{transform:translate(100px);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(1000px);opacity:0}}@keyframes fadeInVictory{0%{opacity:0}to{opacity:1}}@keyframes kingPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}to{opacity:.8;transform:scale(1)}}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,255,255,.4)) drop-shadow(0 0 20px rgba(247,209,23,.6)) drop-shadow(0 0 30px rgba(255,255,255,.3)) drop-shadow(0 0 40px rgba(247,209,23,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 40px rgba(247,209,23,.9)) drop-shadow(0 0 60px rgba(255,255,255,.7)) drop-shadow(0 0 80px rgba(247,209,23,.6))}}@keyframes rotateRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateRaysReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.chess-button{width:100%;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:1rem;font-size:2rem;font-weight:600;font-family:Georgia,Times New Roman,Times,serif;color:#431c05;background-color:#f7be7a;border:none;border-radius:1rem;box-shadow:-5px 5px 10px var(--transparent);transition:background-color .2s,box-shadow .2s;overflow:hidden;line-height:1;height:4.5rem}.chess-button .chess-button-text{display:inline-block;transition:transform .15s ease-in-out;will-change:transform}.chess-button:hover,.chess-button:focus-visible,.chess-button:focus{background-color:#fae1c3;color:#431c05;cursor:pointer;box-shadow:0 0 1rem #fad395f0}.chess-button:hover .chess-button-text,.chess-button:focus-visible .chess-button-text,.chess-button:focus .chess-button-text{transform:scale(1.03)}.chess-button:active{background-color:#fff}.chess-button:focus,.chess-button:focus-visible{outline:none}.candle{transform:perspective(1000px) rotateX(30deg);-webkit-tap-highlight-color:transparent;user-select:none;position:absolute;top:0;left:0;margin-top:15vh;margin-left:5vw;padding:0;transform-origin:top left}.candle-image{-webkit-user-drag:none;position:relative;z-index:1}.candle-shadow{-webkit-user-drag:none;width:24vh;transform:skew(0,20deg);position:absolute;z-index:0;pointer-events:none;bottom:0;right:10px}@media screen and (max-width: 1200px){.candle,.candle-image,.candle-shadow,.flame-image{display:none}}.flame-image{user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;animation:flicker 10s infinite;position:absolute;bottom:170px;left:49%;filter:drop-shadow(0 0 5px rgba(255,255,255,.9));-webkit-box-reflect:below 20px linear-gradient(transparent,rgba(0,0,0,.2) 100%)}@keyframes flicker{0%{opacity:.7;transform:scale(.9) translateY(0) rotate(7deg)}10%{opacity:1.2;transform:scale(1.2) translateY(-2px) rotate(0)}20%{opacity:.8;transform:scale(.7) translateY(-10px) rotate(-5deg)}30%{opacity:1.5;transform:scale(1) translateY(-3px) rotate(0)}40%{opacity:.9;transform:scale(.8) translateY(-5px) rotate(3deg)}50%{opacity:1.3;transform:scale(1.1) translateY(-1px) rotate(0)}60%{opacity:.7;transform:scale(.9) translateY(-7px) rotate(-4deg)}70%{opacity:1.2;transform:scale(1.2) translateY(-2px) rotate(0)}80%{opacity:.8;transform:scale(.7) translateY(-10px) rotate(5deg)}90%{opacity:1.5;transform:scale(1) translateY(-3px) rotate(0)}to{opacity:.7;transform:scale(.9) translateY(0) rotate(7deg)}}@keyframes king-flash{0%{background-color:#51000066}50%{background-color:#c9020266}to{background-color:#51000066}}@keyframes pulse-incorrect-square{0%,to{background-color:#ff000059;box-shadow:inset 0 0 30px #ff000080}50%{background-color:#ff00008c;box-shadow:inset 0 0 40px #ff0000b3}}[data-square].incorrect-square{position:relative}[data-square].incorrect-square:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff000059;box-shadow:inset 0 0 30px #ff000080;animation:pulse-incorrect-square .5s ease-in-out 3;pointer-events:none;z-index:1}@keyframes glowEffect{0%{text-shadow:2px 2px 5px rgb(255,255,255)}50%{text-shadow:0px 0px 10px rgba(255,255,255,.8)}to{text-shadow:2px 2px 5px rgb(255,255,255)}}.captured-list{display:flex;flex-direction:column;gap:.25rem}.captured-piece{object-fit:contain}@media (max-width: 600px){.chessboard-wrapper{margin-top:-2vh}}.piece{position:relative;pointer-events:none;transform:translateZ(0);will-change:auto}.piece .chess-piece-image{position:absolute;z-index:1}.piece .chess-piece-shadow{position:absolute;transform:skew(25deg,10deg) translate(-10%,10%) scale(1.05);opacity:.75;z-index:0;filter:blur(2px) brightness(0) grayscale(1);pointer-events:none}@keyframes knockOver{0%{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(20deg)}to{transform:rotate(90deg) translateY(10px)}}.knockover-animation{animation:knockOver 1s ease-in forwards;transform-origin:center bottom}.puzzle-incorrect-move{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:#f8c282;text-align:center;z-index:10;transition:opacity .5s ease;background-color:#321607e6;border-radius:35px;border:solid #f8c282 .3rem;width:400px;max-width:90vw}.puzzle-incorrect-move h1{color:#f8c282;margin-bottom:.5rem}.puzzle-incorrect-move h2{margin-bottom:1rem;font-size:1.25rem}@media screen and (max-width: 700px){.puzzle-incorrect-move{width:320px;padding:1.5rem}.puzzle-incorrect-move h1{font-size:2rem}.puzzle-incorrect-move h2{font-size:1.1rem}}@media screen and (max-width: 400px){.puzzle-incorrect-move{width:280px;padding:1rem}}.puzzle-incorrect-move-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;align-items:center;justify-content:center;width:100%}.puzzle-incorrect-move-buttons button{padding:.75rem 2rem;font-size:1.25rem;width:200px;max-width:100%}@media (max-width: 700px){.puzzle-incorrect-move-buttons{gap:.75rem}.puzzle-incorrect-move-buttons button{width:180px}}.puzzle-complete{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:10;background-color:#0009;animation:fadeIn .3s ease}.puzzle-complete-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;color:#f8c282;text-align:center;background-color:#321607f2;border-radius:35px;border:solid #f8c282 .3rem;width:450px;max-width:90vw;animation:slideIn .4s ease}.puzzle-complete-icon{font-size:5rem;margin-bottom:1rem;animation:celebrate .6s ease}.puzzle-complete-content h1{color:#f8c282;margin-bottom:1rem;font-size:2.5rem}.puzzle-complete-message{font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.puzzle-complete-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;align-items:center;justify-content:center;width:100%}.puzzle-complete-buttons button{padding:.75rem 2.5rem;font-size:1.25rem;width:220px;max-width:100%}@keyframes slideIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes celebrate{0%{transform:scale(.5) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}@media screen and (max-width: 700px){.puzzle-complete-content{width:350px;padding:2rem}.puzzle-complete-content h1{font-size:2rem}.puzzle-complete-icon{font-size:4rem}.puzzle-complete-message{font-size:1.1rem}.puzzle-complete-buttons button{width:200px}}@media screen and (max-width: 400px){.puzzle-complete-content{width:300px;padding:1.5rem}.puzzle-complete-content h1{font-size:1.75rem}.puzzle-complete-icon{font-size:3.5rem}.puzzle-complete-message{font-size:1rem}.puzzle-complete-buttons button{width:180px}}.puzzle-details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1001;backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.puzzle-details-modal{background:linear-gradient(145deg,#2a1408,#3d1e0c,#321607);border:3px solid #b8860b;border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 25px 70px #000c,0 0 30px #b8860b40,inset 0 1px #ffffff1a;color:#fae1c3;font-family:Georgia,Times New Roman,serif;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}.puzzle-details-modal__close{position:absolute;top:1rem;right:1rem;background:#ffffff14;border:2px solid rgba(139,69,19,.6);border-radius:10px;color:#fae1c3;font-size:1.5rem;cursor:pointer;padding:.5rem .7rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.puzzle-details-modal__close:hover{background:#ffffff26;color:#fff;border-color:#b8860b;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.puzzle-details-modal__close:active{transform:scale(.98)}.puzzle-details-modal__content h2{margin-top:0;margin-bottom:1.25rem;color:#f4d03f;font-size:1.75rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.6),0 0 15px rgba(244,208,63,.25);letter-spacing:.3px;padding-right:2rem}.puzzle-details-modal__content p{margin:.75rem 0;font-size:1.05rem;line-height:1.6;letter-spacing:.2px}.puzzle-details-modal__content .puzzle-stats{margin-bottom:1.5rem}.puzzle-details-modal__content .puzzle-stats p{margin:.7rem 0;font-size:1.05rem;line-height:1.6}.puzzle-details-modal__content .puzzle-stats p strong{color:#f4d03f;font-weight:600}@media (max-width: 768px){.puzzle-details-modal{padding:1.75rem 1.25rem;max-width:450px;width:92%}.puzzle-details-modal__close{font-size:1.35rem;padding:.45rem .65rem;top:.85rem;right:.85rem}.puzzle-details-modal__content h2{font-size:1.5rem;margin-bottom:1rem;padding-right:1.75rem}.puzzle-details-modal__content p{font-size:1rem;margin:.65rem 0}.puzzle-details-modal__content .puzzle-stats{margin-bottom:1.25rem}.puzzle-details-modal__content .puzzle-stats p{font-size:1rem;margin:.6rem 0}}@media (max-width: 480px){.puzzle-details-modal{padding:1.5rem 1rem;width:94%}.puzzle-details-modal__close{font-size:1.25rem;padding:.4rem .6rem}.puzzle-details-modal__content h2{font-size:1.35rem;margin-bottom:.85rem}.puzzle-details-modal__content p{font-size:.95rem;margin:.6rem 0}.puzzle-details-modal__content .puzzle-stats{margin-bottom:1rem}.puzzle-details-modal__content .puzzle-stats p{font-size:.95rem;margin:.5rem 0}}.puzzle-calendar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);animation:fadeIn .2s ease-out;overflow-x:hidden;overflow-y:auto;padding:0;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.puzzle-calendar{background:linear-gradient(145deg,#2a1408,#3d1e0c,#321607);border:3px solid #b8860b;border-radius:20px;padding:2rem;max-width:900px;width:92%;max-height:95vh;overflow-y:auto;box-shadow:0 25px 70px #000c,0 0 30px #b8860b40,inset 0 1px #ffffff1a;color:#fae1c3;font-family:Georgia,Times New Roman,serif;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;box-sizing:border-box}.puzzle-calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(184,134,11,.5);flex-shrink:0}.puzzle-calendar__header h1{margin:0;font-size:2.25rem;color:#f4d03f;text-shadow:2px 2px 4px rgba(0,0,0,.6),0 0 20px rgba(244,208,63,.3);font-weight:700;letter-spacing:.5px}.puzzle-calendar__header .close-button{background:#ffffff14;border:2px solid rgba(139,69,19,.6);border-radius:10px;color:#fae1c3;font-size:1.75rem;cursor:pointer;padding:.6rem .85rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.puzzle-calendar__header .close-button:hover{background:#ffffff26;color:#fff;border-color:#b8860b;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.puzzle-calendar__header .close-button:active{transform:scale(.98)}.puzzle-calendar__legend{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;margin-bottom:1.5rem;background:#0000004d;padding:.85rem 2rem;border-radius:10px;border:1px solid rgba(184,134,11,.3);flex-shrink:0}.puzzle-calendar__grid{flex-shrink:0;width:100%;box-sizing:border-box;overflow:hidden}.puzzle-calendar::-webkit-scrollbar{width:10px}.puzzle-calendar::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.puzzle-calendar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#b8860b,#d4af37);border-radius:10px;border:2px solid rgba(0,0,0,.3)}.puzzle-calendar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d4af37,#f4d03f)}.puzzle-calendar .calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem;box-sizing:border-box;width:100%}.puzzle-calendar .calendar-week:last-child{margin-bottom:0}.puzzle-calendar .calendar-day{background:linear-gradient(135deg,#00000073,#00000059);border:2px solid rgba(102,102,102,.6);border-radius:12px;padding:.75rem .5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fae1c3;font-family:Georgia,Times New Roman,serif;text-align:center;position:relative;min-height:75px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;box-shadow:0 2px 8px #00000040;box-sizing:border-box}.puzzle-calendar .calendar-day__weekday{font-size:.7rem;opacity:.8;text-transform:uppercase;letter-spacing:.8px;font-weight:500}.puzzle-calendar .calendar-day__date{font-size:1.05rem;font-weight:700;letter-spacing:.3px}.puzzle-calendar .calendar-day__completed-dot{width:7px;height:7px;border-radius:50%;background-color:#66bb6a;box-shadow:0 0 5px #4caf50b3}.puzzle-calendar .calendar-day__attempted-dot{width:7px;height:7px;border-radius:50%;background-color:#ffa726;box-shadow:0 0 5px #ff9800b3}.puzzle-calendar .calendar-day:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000080;border-color:#b8860b}.puzzle-calendar .calendar-day--completed{border-color:#66bb6a;background:linear-gradient(135deg,#4caf5040,#4caf5026);box-shadow:0 3px 12px #4caf5066,0 0 15px #4caf504d,inset 0 1px #ffffff1a}.puzzle-calendar .calendar-day--completed:hover{background:linear-gradient(135deg,#4caf5059,#4caf5040);box-shadow:0 6px 20px #4caf5080,0 0 20px #4caf5066;border-color:#4caf50}.puzzle-calendar .calendar-day--attempted{border-color:#ffa726;background:linear-gradient(135deg,#ff980040,#ff980026);box-shadow:0 3px 12px #ff980066,0 0 15px #ff98004d,inset 0 1px #ffffff1a}.puzzle-calendar .calendar-day--attempted:hover{background:linear-gradient(135deg,#ff980059,#ff980040);box-shadow:0 6px 20px #ff980080,0 0 20px #ff980066;border-color:#ff9800}.puzzle-calendar .calendar-day--today{border-color:#42a5f5;border-width:3px;box-shadow:0 0 20px #2196f3b3,inset 0 1px #ffffff26;font-weight:700}.puzzle-calendar .calendar-day--today .calendar-day__date{color:#64b5f6;text-shadow:0 0 10px rgba(100,181,246,.4)}.puzzle-calendar .calendar-day--selected{border-color:#f4d03f;border-width:3px;box-shadow:0 0 24px #f4d03fcc,0 4px 16px #0000004d;transform:scale(1.06)}.puzzle-calendar .calendar-day--future{opacity:.25;cursor:not-allowed;background:linear-gradient(135deg,#0009,#00000080);border-color:#44444480;pointer-events:none}.puzzle-calendar .calendar-day--future:hover{transform:none;box-shadow:0 2px 8px #00000040}.puzzle-calendar .legend-item{display:inline-flex;flex-direction:row;align-items:center;gap:.65rem;font-size:.95rem;font-weight:500;letter-spacing:.3px;white-space:nowrap;padding:0 1.75rem;border-right:1px solid rgba(184,134,11,.35)}.puzzle-calendar .legend-item:first-child{padding-left:0}.puzzle-calendar .legend-item:last-child{border-right:none;padding-right:0}.puzzle-calendar .legend-dot{width:14px;height:14px;min-width:14px;min-height:14px;border-radius:50%;display:inline-block;flex-shrink:0}.puzzle-calendar .legend-dot--completed{background-color:#4caf50;border:2px solid #66bb6a;box-shadow:0 0 6px #4caf5080}.puzzle-calendar .legend-dot--attempted{background-color:#ff9800;border:2px solid #ffa726;box-shadow:0 0 6px #ff980080}.puzzle-calendar .legend-dot--not-played{background-color:#888;border:2px solid #999;box-shadow:0 0 4px #8886}@media (max-width: 768px){.puzzle-calendar{padding:1rem .4rem;border-radius:12px;width:96vw;max-width:96vw;max-height:92vh;box-sizing:border-box;border-width:2px}.puzzle-calendar__header{margin-bottom:.75rem;padding-bottom:.6rem}.puzzle-calendar__header h1{font-size:1.5rem}.puzzle-calendar__header .close-button{font-size:1.25rem;padding:.35rem .55rem}.puzzle-calendar__legend{gap:.25rem;padding:.5rem;margin-bottom:.65rem;flex-wrap:wrap;justify-content:space-around}.puzzle-calendar__legend .legend-item{font-size:.65rem;padding:.12rem .4rem;border-right:none}.puzzle-calendar__legend .legend-item:not(:last-child){border-right:1px solid rgba(184,134,11,.3)}.puzzle-calendar__legend .legend-dot{width:8px;height:8px;min-width:8px;min-height:8px}.puzzle-calendar__grid{margin-bottom:.75rem;overflow:hidden;width:100%}.calendar-week{gap:.15rem;margin-bottom:.15rem;width:100%}.calendar-week:last-child{margin-bottom:0}.calendar-day{padding:.35rem 0;min-height:52px;border-radius:5px;gap:.05rem;border-width:1px;min-width:0;overflow:hidden}.calendar-day__weekday{font-size:.45rem;letter-spacing:.2px}.calendar-day__date{font-size:.7rem;letter-spacing:0}.calendar-day__completed-dot,.calendar-day__attempted-dot{width:3px;height:3px}.calendar-day:not(:disabled):hover{transform:translateY(-1px)}.calendar-day--selected{transform:scale(1.01);border-width:1.5px}.calendar-day--selected:hover{transform:scale(1.01) translateY(-1px)}.calendar-day--today{border-width:1.5px}}@media (max-width: 480px){.puzzle-calendar{padding:.85rem .35rem;width:97vw;max-width:97vw;box-sizing:border-box}.puzzle-calendar__header{margin-bottom:.65rem}.puzzle-calendar__header h1{font-size:1.35rem}.puzzle-calendar__header .close-button{font-size:1.15rem;padding:.3rem .5rem}.puzzle-calendar__legend{padding:.45rem .4rem;margin-bottom:.6rem;gap:.2rem}.puzzle-calendar__legend .legend-item{font-size:.62rem;padding:.1rem .35rem}.puzzle-calendar__legend .legend-dot{width:7.5px;height:7.5px;min-width:7.5px;min-height:7.5px}.puzzle-calendar__grid{margin-bottom:.65rem;overflow:hidden}.calendar-week{gap:.12rem;margin-bottom:.12rem}.calendar-day{padding:.32rem 0;min-height:50px;border-radius:4px;border-width:1px;min-width:0}.calendar-day__weekday{font-size:.42rem;letter-spacing:.15px}.calendar-day__date{font-size:.68rem;letter-spacing:0}.calendar-day__completed-dot,.calendar-day__attempted-dot{width:2.8px;height:2.8px}.calendar-day--selected{transform:scale(1.01);border-width:1.5px}.calendar-day--selected:hover{transform:scale(1.01) translateY(-1px)}.calendar-day--today{border-width:1.5px}}@media (max-width: 375px){.puzzle-calendar{padding:.7rem .3rem;width:98vw;max-width:98vw}.puzzle-calendar__header{margin-bottom:.6rem;padding-bottom:.55rem}.puzzle-calendar__header h1{font-size:1.25rem}.puzzle-calendar__header .close-button{font-size:1.05rem;padding:.28rem .48rem}.puzzle-calendar__legend{padding:.4rem .35rem;margin-bottom:.55rem;gap:.18rem}.puzzle-calendar__legend .legend-item{font-size:.6rem;padding:.08rem .3rem}.puzzle-calendar__legend .legend-dot{width:7px;height:7px;min-width:7px;min-height:7px}.puzzle-calendar__grid{margin-bottom:.6rem}.calendar-week{gap:.1rem;margin-bottom:.1rem}.calendar-day{padding:.28rem 0;min-height:48px;border-radius:3px;border-width:1px;min-width:0}.calendar-day__weekday{font-size:.4rem;letter-spacing:.12px}.calendar-day__date{font-size:.65rem;letter-spacing:0}.calendar-day__completed-dot,.calendar-day__attempted-dot{width:2.5px;height:2.5px}.calendar-day--selected{border-width:1.5px;transform:scale(1.005)}.calendar-day--today{border-width:1.5px}}@media (max-width: 360px){.puzzle-calendar{padding:.65rem .28rem;width:98.5vw;max-width:98.5vw}.puzzle-calendar__header h1{font-size:1.15rem}.puzzle-calendar__legend{padding:.38rem .32rem;gap:.15rem}.puzzle-calendar__legend .legend-item{font-size:.58rem;padding:.07rem .28rem}.puzzle-calendar__legend .legend-dot{width:6.5px;height:6.5px;min-width:6.5px;min-height:6.5px}.calendar-week{gap:.08rem;margin-bottom:.08rem}.calendar-day{padding:.26rem 0;min-height:46px}.calendar-day__weekday{font-size:.38rem;letter-spacing:.1px}.calendar-day__date{font-size:.62rem}.calendar-day__completed-dot,.calendar-day__attempted-dot{width:2.3px;height:2.3px}}.promotion-modal{background-color:#230c01;box-shadow:0 0 10px 5px #000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:35px;border:solid #f8c282 .3rem;color:#d9b996;padding:50px;font-family:Georgia,Times New Roman,Times,serif}.promotion-modal h1{font-size:3rem;margin-bottom:20px}.promotion-options{display:flex;flex-direction:column;gap:20px;width:75%}.chess-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;font-family:Georgia,Times New Roman,Times,serif;color:var(--primary-color);padding:3rem 4rem 4rem;background-color:#321607e6;border-radius:35px;border:solid #f8c282 .3rem}.chess-menu .chess-button{width:23rem;opacity:1}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}}.desktop-only{display:block}@media (max-width: 768px){.desktop-only{display:none}}.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.background-video,.background-image{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover}.chess-logo{max-width:17rem;padding-bottom:.7rem}.focused-button{background-color:var(--primary-color);color:var(--secondary-color);border-radius:10px}@media screen and (max-width: 768px){.start,.mp,#in-game-menu{padding:2rem;width:290px}.start .chess-button,.mp .chess-button,#in-game-menu .chess-button{width:280px;font-size:1.5rem}.chess-logo{max-width:14rem;padding-bottom:.5rem}}@media screen and (max-width: 480px){.chess-menu{gap:.85rem;padding:1rem 1.5rem 1.25rem}.chess-logo{max-width:12rem;padding-bottom:.4rem}.start .chess-button{font-size:1.35rem}}@media screen and (max-width: 768px) and (orientation: landscape){.chess-menu{gap:.6rem;padding:.75rem 1.5rem;max-height:92vh}.chess-logo{max-width:10rem;padding-bottom:.3rem}.start .chess-button{font-size:1.25rem;padding:.65rem 1.25rem}}.chess-menu{border-radius:35px;border:solid #f8c282 .3rem;background-color:#321607e6;padding:2rem}.chess-menu h1{font-size:3rem}.chess-menu .rejoin-container{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.chess-menu .rejoin-container p{margin:0;font-size:1rem}#game-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem}#icon-cancel{color:red}#icon-cancel:hover{cursor:pointer}@media screen and (max-width: 768px){.chess-menu{padding:2rem}.chess-menu>h1{font-size:3rem}}.background-video{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover}.waiting-room{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,Times,serif;color:#dfbb94;font-size:1.25rem;background-color:#321607;border-radius:35px;width:85%;height:75vh;border:solid #f8c282 .3rem;opacity:90%;overflow:hidden;position:relative}.waiting-room h1{font-size:2rem;margin-bottom:0}.waiting-room h2{font-size:1.75rem;font-weight:500;margin:0}.waiting-room p{font-size:1.25rem;margin:0;text-align:center;padding:10px}.columns{display:flex;flex-direction:column;gap:0rem;height:100%;justify-content:space-around;align-items:center;width:100%}#qr-code{display:flex;max-width:35vw;max-height:35vw;border-radius:3px;box-shadow:0 0 1px 3px #000}.row{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.5rem}.player-button-stack{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:600px}.player-wrapper{display:flex;flex-direction:row;align-items:center;gap:.7rem}.player{background-color:var(--secondary-color);background-image:linear-gradient(0deg,#50230f,#441b08);padding:.5rem;border-radius:10px;min-width:100px;text-align:center;box-shadow:-2px 2px 5px #000000b3}.waiting-room-btn-cont{display:flex;flex-direction:row;justify-content:space-between;gap:6.5rem;padding-top:2rem}.waiting-room-btn-cont button{width:100%;height:4rem;border-radius:10px;font-size:1.7rem;font-family:Georgia,Times New Roman,Times,serif;min-width:100px}#cancel-button{background-color:#c44646;border:none;min-width:100px;height:4rem;padding:8px;border-radius:10px;color:#fff;font-size:1.7rem;box-shadow:0 0 1px 1px #000;font-family:Georgia,Times New Roman,Times,serif;cursor:pointer}#cancel-button:hover,#cancel-button:focus{background-color:#cf2f2f}#game-id{font-size:1rem;font-weight:700}#id-wrapper{display:flex;gap:1rem;padding:1rem;border-radius:5px;align-items:center;justify-content:center;background-color:#230c01;max-width:75%}#id-wrapper p{margin:0}.icon:hover{cursor:pointer;color:#b2977a}.dot-elastic{display:none}.join-game-btn{font-family:Georgia,Times New Roman,Times,serif;height:4rem;font-size:1.7rem;font-weight:600;border-radius:10px;background-color:#f7be7a;cursor:pointer;color:#431c05;border:none}.join-game-btn:hover,.join-game-btn:focus-visible,.join-game-btn:focus{color:#431c05;background-color:#fae1c3;box-shadow:0 0 1rem #fad395f0;outline:none}.player-wrapper,.waiting-room-btn-cont{width:100%;max-width:700px;justify-content:space-between}@media screen and (max-width: 1000px){.waiting-room{padding-top:0rem}.waiting-room h1{font-size:2.5rem}.waiting-room p{font-size:1.5rem}.row{gap:.7rem}.player-wrapper{display:flex;flex-direction:column}.player{width:80%}.waiting-room-btn-cont{width:100%;padding-top:.5rem;gap:1rem;justify-content:center}.waiting-room-btn-cont button{height:7vh;width:34vw;font-size:1.2rem}#cancel-button{height:7vh;font-size:1.2rem}}@media screen and (max-width: 480px) and (max-height: 700px){.waiting-room{height:90vh}}@media screen and (min-width: 720px){.waiting-room{width:60%}#qr-code{max-width:27vw;max-height:27vw}}@media screen and (min-width: 1000px){.waiting-room{font-size:2rem;width:80%;height:65vh}.waiting-room h1{font-size:3rem}.waiting-room p{font-size:1.5rem;padding:0}.columns{flex-direction:row;align-items:center;justify-content:center;width:95%;gap:1rem}.row{gap:3rem}.player-wrapper{gap:2rem}.player{padding:1rem;border-radius:15px;width:15vw;box-shadow:-5px 5px 10px #000000b3}#qr-code{max-width:350px;max-height:350px;box-shadow:0 0 2px 5px #000;border-radius:5px}.qr-container{padding-bottom:0}#game-id{font-size:1.5rem}#id-wrapper p{font-size:.7rem}#id-wrapper button{font-size:1.5rem}}@media screen and (min-width: 1000px) and (max-height: 500px){.waiting-room{height:80vh}.row{gap:1rem}#qr-code{max-width:25vw;max-height:25vw}}@media screen and (min-width: 1300px){.waiting-room{padding:3rem;max-width:70%;height:50vh}#id-wrapper p{font-size:.7rem}#id-wrapper button{font-size:1.5rem}#id-wrapper{padding:1rem}#qr-code{max-width:none;max-height:none}}.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:#dfbb94;color:#dfbb94;animation:dot-elastic 2s infinite linear}.dot-elastic:before,.dot-elastic:after{content:"";display:inline-block;position:absolute;top:0}.dot-elastic:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#dfbb94;color:#dfbb94;animation:dot-elastic-before 2s infinite linear}.dot-elastic:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#dfbb94;color:#dfbb94;animation:dot-elastic-after 2s infinite linear}@keyframes dot-elastic-before{0%{transform:scale(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.67)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(1.5)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic-after{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(.67)}75%{transform:scaleY(1.5)}to{transform:scale(1)}}.status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;font-family:Georgia,Times New Roman,Times,serif;color:#d9b996;font-size:2rem}.status-screen button{max-width:50%}#qr-code-loading{max-width:270px;max-height:270px}@media screen and (min-width: 600px){#qr-code-loading{max-width:320px;max-height:320px}}@media screen and (min-width: 1000px){#qr-code-loading{width:20vw;height:20vw;max-width:350px;max-height:350px}}#elements{display:flex;flex-direction:column;align-items:center;border-radius:35px;border:solid #f8c282 .3rem;gap:3rem;background-color:#321607e6;padding:1rem;margin:2rem;text-align:center}@media screen and (max-width: 768px){#elements h2{font-size:2rem}}@media screen and (min-width: 1000px){#elements{width:fit-content}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:transparent;color:transparent;box-shadow:0 -18px #d9b996,12.727926px -12.727926px #d9b996,18px 0 #d9b996,12.727926px 12.727926px #9880ff00,0 18px #9880ff00,-12.727926px 12.727926px #9880ff00,-18px 0 #9880ff00,-12.727926px -12.727926px #9880ff00;animation:dot-spin 1.5s infinite linear}@keyframes dot-spin{0%,to{box-shadow:0 -18px #d9b996,12.727926px -12.727926px #d9b996,18px 0 #d9b996,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}12.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px #d9b996,18px 0 #d9b996,12.727926px 12.727926px #d9b996,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}25%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 #d9b996,12.727926px 12.727926px #d9b996,0 18px #d9b996,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}37.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px #d9b996,0 18px #d9b996,-12.727926px 12.727926px #d9b996,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}50%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px #d9b996,-12.727926px 12.727926px #d9b996,-18px 0 #d9b996,-12.727926px -12.727926px 0 -5px #9880ff00}62.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px #d9b996,-18px 0 #d9b996,-12.727926px -12.727926px #d9b996}75%{box-shadow:0 -18px #d9b996,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 #d9b996,-12.727926px -12.727926px #d9b996}87.5%{box-shadow:0 -18px #d9b996,12.727926px -12.727926px #d9b996,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px #d9b996}}.modal-backdrop{position:fixed;inset:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999;pointer-events:auto}.modal{position:relative;background:#321607;opacity:.94;padding:3rem 2rem 2rem;border-radius:35px;text-align:center;min-height:30vh;width:500px;max-width:90vw;border:.3rem solid #f8c282}.modal .modal-text{font-size:2rem;font-weight:600;padding:2rem 0 0}form{display:flex;flex-direction:column;justify-content:center;align-items:center}.content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding-top:2rem}.name-input,.gen-btn{height:3.2rem;font-size:1.2rem;line-height:1rem;padding:0 .75rem;border:none;border-radius:10px;box-sizing:border-box;font-family:inherit}.name-input{width:250px}.name-input:focus{background-color:#fff;box-shadow:none;color:#321607;border-color:#f8c282}.gen-btn{width:175px;white-space:nowrap;cursor:pointer}.join-btn{margin-top:3rem;font-size:1.2rem;width:15vw;min-width:250px;border-radius:10px;margin-bottom:2rem;height:3.2rem}.small-qr-cont{padding-top:4vh;display:flex;justify-content:center;align-items:center;width:100%}#qr-code-small{max-width:10vw;max-height:10vw;min-width:175px;min-height:175px}.close-modal-btn{all:unset;position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.close-modal-btn img{width:100%;height:100%;content:url(/images/close-circle-gold.webp);transition:filter .2s ease}.close-modal-btn:hover img,.close-modal-btn:focus-visible img{content:url(/images/close-circle-white.webp)}.close-modal-btn:focus-visible{outline:2px solid white;border-radius:50%}.close-modal-btn:active{outline:none;border:none;box-shadow:none}@media screen and (max-width: 540px){.close-modal-btn{width:1.75rem;height:1.75rem}.join-btn{font-size:1.4rem}.content{width:100%;display:flex;flex-direction:column}.content button,.content #username{width:90%;font-size:1.4rem;text-align:center}}.join-game{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh}.qr-cont{margin-top:2rem}.join-game-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;width:90%}.join-game-form input{width:100%;padding:.5rem;color:1px solid var(--primary-secondary-color);border-radius:.5rem;border:none;font-size:1rem;box-sizing:border-box;background-color:var(--primary-secondary-color);height:2rem;font-family:inherit}.join-game-form label{width:100%;font-size:1rem;color:var(--primary-color)}.join-game-form button{padding:.5rem;font-family:inherit;font-size:1.5rem}h1{font-size:2rem;font-weight:700;color:var(--primary-color)}@media screen and (min-width: 1000px){.join-game-form{width:30%}}@media screen and (min-width: 768px){.join-game-form{width:40%}}.input-row{display:flex;width:100%;gap:.5rem}.input-row input[type=text]{flex:1}.input-row .generate-btn{font-size:1rem;border-radius:6px;border:none;padding:0 .75rem;line-height:1rem;box-sizing:border-box;width:auto;white-space:nowrap;cursor:pointer;text-align:center;background-color:var(--primary-color)}button:focus,input:focus{outline:none;border:2px solid #dfbb94;box-shadow:0 0 0 3px #dfbb9480;background-color:#3a1e0c;color:#fff}#current-turn{position:absolute;top:.5rem;background-color:#230c01;color:#d9b996;font-size:1.5rem;padding:.5rem 1rem;border-radius:5px;z-index:1}#difficulty{width:100%;margin-bottom:1rem;text-align:center}#difficulty h2{color:#d9b996;font-weight:500;font-size:1.5rem;margin-bottom:.75rem}#difficulty-options{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem}#difficulty-options button{height:60px;min-width:170px;box-shadow:none;display:flex;align-items:center;padding-right:20px;padding-left:20px;justify-content:center;gap:.5rem}#difficulty-options button .hidden{visibility:hidden}#difficulty-options button .icon-container{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#menu-icons{display:flex;flex-direction:row;align-items:center;top:10px;right:10px;position:fixed;gap:.5rem;z-index:10;background-color:#0000004d;padding:.25rem .5rem;border-radius:8px;max-width:90%}.menu-icon{color:#e0c2a1;cursor:pointer;z-index:1;user-select:none;font-size:2rem;padding:.25rem;border-radius:10px;transition:font-size .2s ease}.menu-icon:hover{color:#b2977a}.remote-hovered-icon{outline:.25rem solid white;filter:brightness(1.15)}.menu-button{background-color:transparent;border:none}#in-game-menu{z-index:10;display:flex;flex-direction:column;position:absolute;gap:1rem;align-items:center;justify-content:center;width:500px;max-width:90vw;top:50%;left:50%;transform:translate(-50%,-50%)}#in-game-menu h1{font-size:3rem}#in-game-menu button{font-size:2rem}@media screen and (max-width: 768px){#in-game-menu{width:300px}#difficulty-options .chess-button{font-size:.9rem;min-width:100px;gap:.1rem}}@media screen and (min-width: 768px){#in-game-menu{width:50%}#menu-icons{flex-direction:column}}@media screen and (min-width: 1000px){#in-game-menu{width:40%}}@media screen and (min-width: 1200px){#in-game-menu{width:35%}}@media screen and (min-width: 768px){#menu-icons{top:20px;right:20px;gap:1.5rem;padding:.5rem 1rem;border-radius:10px}}@media screen and (min-width: 1200px){#menu-icons{gap:2rem}}@media screen and (min-width: 768px){.menu-icon{font-size:2.5rem}}@media screen and (min-width: 1200px){.menu-icon{font-size:3.75rem}}@media screen and (max-width: 480px){#difficulty-options{flex-direction:row;gap:.75rem;width:100%;align-items:stretch}#difficulty-options button{font-size:1.25rem;padding:.75rem}}@media (orientation: landscape) and (max-height: 500px){#in-game-menu{font-size:.9rem;width:50%;gap:.7rem;top:45%}#in-game-menu h1{font-size:2rem;margin:0}#in-game-menu h2{margin-top:.4rem}#in-game-menu button{font-size:1.2rem}.overlay{max-height:100vh}#difficulty{margin-bottom:0}}.close-menu-button{all:unset;position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;z-index:20;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.close-menu-button img{width:100%;height:100%;content:url(/images/close-circle-gold.webp);transition:filter .2s ease}.close-menu-button:hover img,.close-menu-button:focus-visible img,.close-menu-button.remote-hovered-icon img{content:url(/images/close-circle-white.webp)}.close-menu-button:focus-visible{outline:2px solid white;border-radius:50%}.close-menu-button:active{outline:none;border:none;box-shadow:none}.menu-icons--with-review{display:grid!important;grid-template-columns:1fr auto;gap:1rem;align-items:center}@media screen and (min-width: 768px){.menu-icons--with-review{gap:1.5rem}}@media screen and (min-width: 1200px){.menu-icons--with-review{gap:2rem}}.menu-icons__review-column{grid-column:1;display:flex;align-items:center}.menu-icons__controls-column{grid-column:2;display:flex;flex-direction:row;align-items:center;gap:1rem}@media screen and (min-width: 768px){.menu-icons__controls-column{flex-direction:column;gap:1.5rem}}@media screen and (min-width: 1200px){.menu-icons__controls-column{gap:2rem}}.slider-container{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#e0c2a1}.volume-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;bottom:-2.5rem}.slider-track{position:relative;transform:scale(1.2)}.volume-slot{width:100%}.volume-knob{position:absolute;top:40%;transform:translate(-50%,-50%);width:50px;height:50px;cursor:grab;z-index:2;pointer-events:auto;transition:none}.volume-knob:focus{outline:2px solid #e0c2a1;border-radius:100%}.volume-knob.dragging{cursor:grabbing}.volume-knob:not(.dragging){transition:left .15s ease-out}.volume-options{display:flex;justify-content:space-between;width:100%;margin-top:-60px;font-size:2rem}.volume-options p:last-child{transform:translate(25%)}.volume-text{font-size:2rem;margin-top:-2.5rem}.slider-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}