:root{font-family:Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;color-scheme:light only;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--danger-red: var(--red-4);--success-green: var(--green-4);--button-outline: rgb(100, 100, 200);--dark-translucent-bg: rgba(70, 70, 70, .8);--translucent-bg: rgba(255, 255, 255, .15);--hyperlink-dark-mode: rgb(150, 195, 255);--hyperlink-visited-dark-mode: rgb(195, 140, 250);--chess-square-white: var(--gray-1);--chess-square-black: var(--gray-3);--chess-square-battle-red: rgba(255, 51, 51, .75);--chess-square-battle-transparent: rgba(255, 51, 51, 0);--chess-square-recent-move-yellow: rgba(255, 255, 51, .75);--chess-square-selected-blue: rgba(51, 51, 255, .75);--chess-arrow-red: rgba(250, 40, 40, .6);--chess-arrow-orange: rgba(250, 170, 0, .6);--toastify-color-progress-dark: var(--green-3);--red-1: rgb(250, 190, 190);--red-2: rgb(200, 150, 150);--red-3: rgb(180, 80, 80);--red-4: rgb(150, 70, 70);--red-5: rgb(120, 60, 60);--red-6: rgb(90, 50, 50);--red-7: rgb(70, 40, 40);--green-1: rgb(190, 230, 190);--green-2: rgb(150, 200, 150);--green-3: rgb(80, 180, 80);--green-4: rgb(70, 150, 70);--green-5: rgb(60, 120, 60);--green-6: rgb(50, 90, 50);--green-7: rgb(40, 70, 40);--gray-1: rgb(200, 200, 200);--gray-2: rgb(150, 150, 150);--gray-3: rgb(100, 100, 100);--gray-4: rgb(80, 80, 80);--gray-5: rgb(70, 70, 70);--gray-6: rgb(50, 50, 50);--gray-7: rgb(40, 40, 40);--animated-bg-z-index: -1;--chess-arrow-z-index: 1;--chess-pawn-promotion-z-index: 1;--pokemon-battle-sprite-shadow: 1;--pokemon-battle-sprite: 2;--pokemon-battle-info-z-index: 3;--pokemon-health-z-index: 4;--player-ingame-display-z-index: 9;--mobile-nav-bg-z-index: 10;--nav-actions-z-index: 11;--mobile-nav-actions-z-index: 12;--tooltip-z-index: 98;--modal-bg-z-index: 99;--modal-z-index: 100;--chat-z-index: 101}body{margin:0;min-width:320px;min-height:100vh}a{color:var(--hyperlink-dark-mode)}a:visited{color:var(--hyperlink-visited-dark-mode)}.inputContainer{background-color:var(--gray-3);border-color:var(--gray-2);border-radius:5px;cursor:text;padding:20px 8px 8px;transition:border-color,.25s}.inputContainer .inputLabel{display:flex;align-items:center}.inputContainer.invalidInput.focused{border-color:var(--red-4)}.inputContainer.invalidInput.focused .inputLabelText{color:var(--red-2)}.inputContainer.focused{border-color:var(--success-green)}.inputContainer.focused.underline .inputLabelText{transform:translate(-10%,-90%) scale(.75)}.inputContainer.focused .inputLabelText{color:var(--green-2);transform:translate(-10%,-70%) scale(.75)}.inputContainer.underline{border-radius:0;border-bottom-style:solid}.inputContainer.bordered{border-style:solid}.underline .inputLabelText{transform:translate(0) scale(1)}.inputLabelText{cursor:text;position:absolute;transform:translateY(-25%) scale(1);transition:transform .25s,color .25s}.input{background:none;border:none;height:30px;font-size:16px;width:100%;padding:0;outline:none;color:#fff;display:block}.passcodeInputContainer label{display:block}.passcodeInputWrapper{position:relative}.passcodeInputWrapper button{color:#fff;position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:none;cursor:pointer;padding:0;height:100%}.button{position:relative;width:140px;height:50px;border-radius:6px;cursor:pointer;background-color:var(--gray-7);border:0;color:#fff;transition:filter .25s;box-sizing:border-box}.button:hover{background-color:var(--gray-6)}.button:active{outline:var(--button-outline)}.button:disabled{filter:grayscale(50%) brightness(70%);background-color:var(--gray-7);cursor:default}.button.highlightedButton{border:4px solid var(--success-green)}.button.danger{background-color:var(--danger-red)}.button.danger:hover{background-color:var(--red-3)}.button.danger:disabled{background-color:var(--danger-red)}.button.primary{background-color:var(--success-green)}.button.primary:hover{background-color:var(--green-3)}.button.primary:disabled{background-color:var(--success-green)}.roomCodeModalContainer{min-width:250px}.roomCodeTitle{margin-top:0}.roomCodeForm{display:flex;flex-direction:column;gap:20px}.roomCodeActions{display:flex;justify-content:space-between}.nameChangeModalContainer .nameChangeNotification{margin-bottom:4px;display:block}.nameChangeTitle{margin-top:0}.nameChangeForm{display:flex;gap:20px;height:60px}.nameChangeInput{flex-grow:1}.nameChangeActions{height:100%;font-weight:800;font-size:.8em}.roomFormOptions{margin-bottom:20px}.roomFormActions{display:flex;justify-content:space-between}.createRoomTitle{margin-top:0}.endGameModalContainer{text-align:center}.endGameTitle{margin-top:0}.endGameBottomActions{display:flex;justify-content:space-evenly}.endGamePlayerList{display:flex;gap:10px;margin-bottom:20px;justify-content:space-evenly}.endGamePlayerList p{margin:auto 0}.endGamePlayer{width:200px}@media (max-width: 499px){.endGamePlayer{font-size:10px;width:100px}}.carousal{display:flex;flex-direction:column}.carousal .carousalItems{flex-grow:1;display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.carousal .carousalScreenSelector{display:flex;gap:20px;align-items:center;overflow-x:hidden}.carousal .carousalScreenSelectorItem{border:0;background:none;padding:4px;color:#fff;border-radius:0}.carousal .carousalScreenSelectorActive{border-bottom:2px solid var(--green-4)}.carousal .carousalScreenSelectorItem:hover{cursor:pointer}.carousal .carousalScreenSelectorItem:hover svg{filter:drop-shadow(2px 2px var(--green-4)) drop-shadow(2px -2px var(--green-4)) drop-shadow(-2px -2px var(--green-4)) drop-shadow(-2px 2px var(--green-4))}.carousal .carousalActions{padding-top:20px;display:flex;justify-content:center;gap:50px}.spinner{animation:spin 1s linear infinite;width:50px;height:50px}.pieceSpriteContainer{position:relative;width:100%;height:100%;touch-action:none}.chessPiece{height:100%;width:100%;position:absolute;background-size:contain;top:0;left:0}.pokemonPieceSprite{position:absolute;height:50%;width:100%;object-fit:contain;bottom:0}.pokemonWeatherBackground{position:absolute;width:100%;height:100%;opacity:70%;background-repeat:no-repeat;background-size:100%}.chessSquare{aspect-ratio:1/1;position:relative;font-size:10px}@media (min-width: 800px){.chessSquare{font-size:16px}}.pokemonWeatherBackground.squareWeather{width:30%;height:30%;opacity:100%;background-size:100% 100%;background-repeat:no-repeat;border-radius:50%;border:white solid 1px;position:relative}.squareWeatherContainer{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:flex-end}.squareColorFilter{height:100%;width:100%;position:absolute}.whiteChessSquare{color:#000;background-color:var(--chess-square-white)}.blackChessSquare{color:#fff;background-color:var(--chess-square-black)}.highlighted{border-radius:50%;border:4px solid var(--gray-6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%}.highlighted.pieceSquare{width:80%;height:80%}.premove{background-color:var(--chess-square-battle-red)}.selected{background-color:var(--chess-square-selected-blue)}.mostRecentMove{background-color:var(--chess-square-recent-move-yellow)}@keyframes blinkColor{0%{background-color:var(--chess-square-battle-red)}50%{background-color:var(--chess-square-battle-transparent)}to{background-color:var(--chess-square-battle-red)}}.battleSquare{background-color:var(--chess-square-battle-red);background-image:url("data:image/svg+xml,%3csvg%20version='1.2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='214%20206%20313%20215'%20width='313'%20height='215'%3e%3ctitle%3eNew%20Project%3c/title%3e%3cstyle%3e%20.s0%20{%20fill:%20%23ffb555;stroke:%20%23000000;stroke-miterlimit:10;stroke-width:%205%20}%20%3c/style%3e%3cg%20id='Layer%201'%3e%3cpath%20id='Shape%201'%20fill-rule='evenodd'%20class='s0'%20d='m245%20242l41%201%2015%2072%2039-73h37l-61%20108h-44z'/%3e%3cpath%20id='Shape%202'%20fill-rule='evenodd'%20class='s0'%20d='m425.6%20265.8c0%200%2047.4-12.4%2070.4%2019.2l13-26c0%200-45.1-31.7-99.4-9%200%200-68%2056.8%2025.4%2057%200%200%2043.7%209.4-11.8%2018.8%200%200-37.9-6.7-47.4-18.1%200%200-9%2015.8-17%2028.3%200%200%2057%2033.9%20111.9%201.1%200%200%2028.4-36.2-0.7-47.1%200%200-86.4%200.7-44.4-24.2z'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;animation:blinkColor;animation-iteration-count:infinite;animation-duration:.5s}.squareNum{top:0;left:3px;position:absolute}.squareChar{bottom:0;right:3px;position:absolute}.chessBoard{min-width:320px}@media (orientation: landscape){.chessBoard{width:60vh;height:60vh}}@media (orientation: portrait){.chessBoard{width:90vw;height:90vw}@media (min-width: 600px){.chessBoard{width:60vw;height:60vw}}}.chessRow{display:flex;justify-content:center;height:12.5%}.chessRow:nth-child(1) .chessSquare:nth-child(1){border-top-left-radius:10px}@media (max-width: 599px){.chessRow:nth-child(1) .chessSquare:nth-last-child(1){border-top-right-radius:10px}}@media (min-width: 600px){.chessRow:nth-last-child(1) .chessSquare:nth-child(1){border-bottom-left-radius:10px}}.tooltipContainer .tooltip{text-align:left;padding:6px;color:#fff;background-color:var(--dark-translucent-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;font-weight:600;z-index:var(--tooltip-z-index);border-radius:10px}.tooltipContainer .tooltip p,.tooltipContainer .tooltip strong{margin:0}.tooltipContainer .tooltip hr{margin:2px 0}.darkTooltip .tooltip{background-color:var(--gray-7)}.pokemonMoveButton{width:100%;height:100%;border-radius:6px;cursor:pointer;box-shadow:0 0 10px #000;transition:filter .25s;font-size:.8em;max-width:200px;max-height:100px;min-width:50px;min-height:50px}.pokemonMoveButton:hover{filter:brightness(105%)}.pokemonMoveButton:disabled{filter:grayscale(30%)}.pokemonMoveType{max-height:16px}.pokemonMoveName{margin:auto}.pokemonMovePP{text-align:right;margin-top:auto}.pokemonMoveButton{display:flex;flex-direction:column;justify-content:center}.pokemonMoveSubInfo{font-size:.8em;text-align:left;display:grid;grid-template:1fr / 1fr 2fr 1fr}.pokemonMoveTypeEffectiveness{text-align:center;font-weight:700}.pokemonMoveTyping{margin-top:auto}.movesContainer{display:flex;align-items:center;flex-direction:column}.subMoveContainer{display:flex;align-items:center;justify-content:center;padding:6px 0;gap:10px;width:100%}.moveHistoryContainer{list-style:none;padding:0;font-weight:700;max-height:150px;overflow-y:auto}@media (min-width: 600px){.moveHistoryContainer{max-height:300px}}.moveHistoryContainer .moveHistoryRow{display:grid;grid-template:auto 1fr / 1fr 2fr 2fr;margin-left:4px;padding:4px;background-color:var(--gray-5)}.moveHistoryContainer .moveHistoryRow:nth-child(odd){background-color:var(--gray-6)}.moveHistoryTurnLabel{display:inline-block}.moveHistoryMoveLabel{display:inline-block;margin-left:20px}.moveHistoryFail{color:var(--red-2)}.moveHistoryWin{color:var(--green-2)}.pokemonDetailsContainer{background-color:var(--gray-4);border-bottom-right-radius:10px;min-height:250px;container-type:size;container-name:pokemonDetails;overflow-y:auto}@media (orientation: portrait){.pokemonDetailsContainer{width:90vw;height:60vw}@media (min-width: 600px){.pokemonDetailsContainer{width:60%}}}@media (orientation: landscape){.pokemonDetailsContainer{height:60vh}}@media (min-width: 600px){.pokemonDetailsContainer{border-top-right-radius:10px}}@media (max-width: 599px){.pokemonDetailsContainer{border-bottom-left-radius:10px}}@media (min-width: 600px){.pokemonDetailsContainer{width:30%;min-width:20vw;max-width:600px;align-self:center}}.pokemonDetailsPadding{padding:8px;box-sizing:border-box;height:100%;font-size:.8em;display:flex;flex-direction:column}@container pokemonDetails (min-width: 250px) and (min-height: 340px){.pokemonDetailsPadding{font-size:1em}}.pokemonDetailsCard{display:flex;flex-direction:row;flex-grow:1}.pokemonDetailsCard ul{list-style:none;padding:0;margin:0}.pokemonDetailsCard ul b{display:block}@media (min-width: 600px){.pokemonDetailsCard{flex-direction:column}}.pokemonDetailsIdentifier{display:flex;align-items:center;margin:0}.pokemonDetailsIdentifier>*{margin-right:6px}.pokemonDetailsTypingContainer{margin:4px 0}.pokemonDetailsSpriteContainer{width:20%}@media (min-width: 600px){.pokemonDetailsSpriteContainer{width:auto}}.pokemonDetailsSprite{display:block;margin:auto;max-width:100%;max-height:100%}.pokemonDetailsTyping{max-width:60px;margin-right:8px}.pokemonDetailsItemContainer{display:flex;align-items:center;gap:12px}.pokemonDetailsSquareModifier{display:flex;justify-content:left;align-items:left;gap:4px}@media (min-width: 600px){.pokemonDetailsSquareModifier{justify-content:center}}.pokemonWeatherBackground.detailsCardWeather{width:20px;height:20px;position:inherit;display:inline-block;opacity:100%;background-size:100% 100%;background-repeat:no-repeat;border-radius:50%;border:white solid 1px}.pokemonDetailsTitle{display:flex;flex-direction:row-reverse}@media (min-width: 600px){.pokemonDetailsTitle{flex-direction:column}}.pokemonDetailsIdentifierAndType{margin-right:auto}.pokemonDetailsShiny{width:20px;height:20px}.chessPiecePromotionButton{padding:0;width:100%;height:20%}.chessPiecePromotionButton img{width:100%;height:100%;background-size:contain;pointer-events:none}.chessPiecePromotionMenu{display:flex;flex-direction:column;height:100%}.chessPiecePromotionPortal{z-index:var(--chess-pawn-promotion-z-index);position:absolute;height:500%;width:100%}.arrowControllerContainer{position:relative}.arrowContainer{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:var(--chess-arrow-z-index)}.arrow{fill:var(--chess-arrow-orange)}.arrow.battle{fill:var(--chess-arrow-red)}.gameContainer{margin:6px auto;display:flex;flex-direction:column;align-items:center;width:100%}@media (orientation: landscape){.gameContainer{width:60vh}@media (min-width: 600px){.gameContainer{width:100%}}}.chessGameContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}@media (min-width: 600px){.chessGameContainer{flex-direction:row}}@keyframes highPriority{0%{border-bottom:1px solid white}to{border-bottom:none}}.turnNotification{text-align:center;margin:6px}.turnNotification .highPriorityNotification{animation:highPriority 1s infinite steps(2)}.progressBarContainer{display:inline-block;height:10px;width:150px;background-color:#d3d3d3;border-radius:10px;border:solid white 1px}.progressBarFiller{height:100%;border-radius:inherit}.status{display:block;height:12px;width:30px}.pokemonBattleDetailsCard{display:flex;flex-direction:row;font-size:1em;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;max-height:100px}@media (min-width: 500px){.pokemonBattleDetailsCard{max-height:200px}}@media (min-width: 900px){.pokemonBattleDetailsCard{max-height:400px}}.pokemonBattleDetailsCardSprite{max-width:50%;max-height:50%}.pokemonBattleDetailsCardSet{display:flex;flex-direction:column}.pokemonBattleDetailsCardSetTooltip{max-width:200px}.pokemonBattleDetailsCardSetType{width:60px;height:12px;margin-right:8px}@media (min-width: 600px){.pokemonBattleDetailsCardSetType{width:75px;height:15px}}.pokemonBattleDetailsCardName{display:flex;gap:4px}.pokemonBattleDetailsCardName img{width:7px;height:10px;margin:auto 0}.pokemonBattleDetailsTyping{max-width:50px;margin-right:4px}.pokemonFieldSprite{transition:.5s transform,.5s opacity,.5s visibility}@media (max-width: 900px){.pokemonFieldSprite{transform:scale(.5) translate(-50%,50%)}}.pokemonFieldSprite.inspect{transform:scale(1.5)}@media (max-width: 900px){.pokemonFieldSprite.inspect{transform:scale(75%) translate(-25%,25%)}}.pokemonFieldSprite.hide{opacity:0%;visibility:hidden}.pokemonShadow{position:absolute;filter:brightness(0) blur(1px);z-index:var(--pokemon-battle-sprite-shadow);transform:translate(-130%,45%) skew(80deg) scaleY(.1)}.p1Pokemon{display:flex;flex-direction:column;position:absolute;bottom:50px;left:50px}@media (max-width: 900px){.p1Pokemon{bottom:30px;left:30px}}.p2Pokemon{display:flex;flex-direction:column;position:absolute;bottom:100px;left:400px}@media (max-width: 900px){.p2Pokemon{bottom:50px;left:180px}}.healthbar{display:inline}.pokemonHealth{display:flex;flex-direction:row;align-items:center;font-size:xx-small;padding:0 2px}.pokemonHealth .pokemonHealthProgress{z-index:var(--pokemon-health-z-index)}.pokemonHealth .pokemonHealthProgress .progressBarFiller{transition:width .5s}.pokemonHealth span{margin-left:-5px;padding-left:8px;padding-right:2px;background-color:#7a7a7a;border-radius:3px;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.pokemonDetails{text-align:center;font-weight:800;color:#000;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white}.pokemonDetails .pokemonGender{padding-left:4px;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.pokemonDetails .pokemonLevel{padding-left:4px;font-weight:500}.pokemonSpriteInfo{z-index:var(--pokemon-battle-info-z-index)}.pokemonStatus{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;width:150px}.pokemonStatus .effects{font-size:10px;line-height:12px;height:12px;padding:0 2px}.pokemonStatus .effects.positive{color:green;border:1px solid green;border-radius:4px;background-color:#90ee90}.pokemonStatus .effects.negative{color:var(--red-5);border:1px solid var(--red-5);border-radius:4px;background-color:var(--red-1)}.pokemonSpriteContainer{margin:auto}.pokemonSprite{position:relative;width:auto;height:auto;z-index:var(--pokemon-battle-sprite)}.pokemonSprite.brn{filter:opacity(.8) drop-shadow(0px 0px 1px red)}.pokemonSprite.frz{filter:opacity(.8) drop-shadow(0px 0px 1px lightblue)}.pokemonSprite.par{filter:opacity(.8) drop-shadow(0px 0px 1px yellow)}.pokemonSprite.tox,.pokemonSprite.psn{filter:opacity(.8) drop-shadow(0px 0px 1px purple)}.pokemonSprite.slp{filter:opacity(.8) drop-shadow(0px 0px 1px blue)}.pokemonTooltipTyping{max-width:80px;margin-right:8px}.pokemonSprite:hover{transition:.5s filter;filter:drop-shadow(2px 2px var(--green-4)) drop-shadow(2px -2px var(--green-4)) drop-shadow(-2px -2px var(--green-4)) drop-shadow(-2px 2px var(--green-4)) drop-shadow(3px 3px var(--green-2)) drop-shadow(3px -3px var(--green-2)) drop-shadow(-3px -3px var(--green-2)) drop-shadow(-3px 3px var(--green-2));cursor:pointer}.pokemonBattleConditions{position:absolute;background-color:var(--dark-translucent-bg);border-radius:8px;padding:8px;margin:8px}.pokemonBattleConditions p{font-size:.7em;font-weight:800;margin:0;padding:0;opacity:80%;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}@media (min-width: 900px){.pokemonBattleConditions p{font-size:1.2em}}.pokemonBattleBackground{width:640px;height:360px;background-repeat:no-repeat;background-size:100% 100%;position:relative;box-sizing:border-box;border:solid black 4px}@media (max-width: 900px){.pokemonBattleBackground{width:320px;height:180px;margin:auto}}.healthbar{display:block;z-index:var(--pokemon-health-z-index)}.pokemonHealth{margin:0;text-align:center;font-weight:700;z-index:var(--pokemon-health-z-index)}.pokemonBattleLogContainer{min-width:300px;width:30%;height:600px;overflow-y:auto;background-color:#eef2f5;color:#000;box-sizing:border-box;border:solid black 4px}.pokemonBattleLogContainer.simpleLogContainer{height:80px;min-width:600px;width:100%}@media (max-width: 900px){.pokemonBattleLogContainer.simpleLogContainer{min-width:300px;width:100%;margin:auto}}@media (min-width: 1000px){.pokemonBattleLogContainer.simpleLogContainer{display:none}}@media (max-width: 999px){.pokemonBattleLogContainer{display:none}.pokemonBattleLogContainer.simpleLogContainer{display:block}}.textLog{padding-left:4px;padding-right:4px;font-size:small;margin:4px 0}.turnLog{font-weight:600;background-color:#e0e7ea;border-top:2px solid #c1c4c6;border-bottom:2px solid #c1c4c6;font-size:medium}.battlefieldAndLog{display:flex;flex-direction:row;justify-content:center}.battleContainer{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-end}.battleMoveContainer{max-width:640px;margin:auto}@media (min-width: 1000px){.battleMoveContainer{width:100%;margin:initial}}.cancelButton{margin-left:4px}.pokemonDraftSelectContainer{width:100%;height:100%;min-height:300px;list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template:repeat(5,1fr) / repeat(8,1fr);align-items:stretch}@media (min-width: 800px){.pokemonDraftSelectContainer{margin:10px auto}}.pokemonDraftSelectContainer button{background:var(--gray-5);width:100%;height:100%;border:1px solid black;cursor:pointer}.pokemonDraftSelectContainer button:hover{border:1px solid yellow;background:var(--gray-6)}.pokemonDraftSelectContainer button.selectedDraft{border:1px solid blue}.pokemonDraftSelectContainer button.bannedDraft{background:brown;cursor:default}.pokemonDraftSelectContainer img{max-width:100%;max-height:100%}.pokemonDraftSelectContainer .pokemonDraftSprite{display:block;object-fit:contain;margin:auto}.draftManagerContainer{display:flex;flex-direction:column;margin:0 auto;width:100%}@media (orientation: landscape){.draftManagerContainer{width:60vh}@media (min-width: 600px){.draftManagerContainer{width:100%}}}@media (min-width: 1450px){.draftManagerContainer{flex-direction:row-reverse;justify-content:center}}.draftActions{display:flex;flex-direction:column;width:100%}@media (min-width: 1450px){.draftActions{width:35%}}.draftGameContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}@media (min-width: 600px){.draftGameContainer{flex-direction:row}}.draftNotification{text-align:center;padding:0 12px}.banButton{display:flex;margin-top:6px}.banButton button{margin:0 auto}.howToPlayModalContainer{text-align:center}.howToPlayTitle{margin-top:0}.howToPlayCarousal{max-height:80vh}.gameDemoContainer{text-align:initial}@media (orientation: landscape){.gameDemoContainer .chessBoard{width:50vh;height:50vh}}@media (orientation: portrait){.gameDemoContainer .chessBoard{width:80vw;height:80vw}@media (min-width: 600px){.gameDemoContainer .chessBoard{width:50vw;height:50vw}}}@media (orientation: portrait){.gameDemoContainer .pokemonDetailsContainer{width:80vw;height:30vw}@media (min-width: 600px){.gameDemoContainer .pokemonDetailsContainer{width:60%}}}@media (min-width: 600px){.gameDemoContainer .pokemonDetailsContainer{width:30%;min-width:20vw;max-width:600px;height:inherit;align-self:stretch}}.menuOptionsButton{background:none;color:#fff;font-weight:800;border:0;width:100%;padding:20px;cursor:pointer;font-size:.8em;border-top:2px solid var(--gray-6)}.menuOptionsButton>*{vertical-align:middle}.menuOptionsButton svg{min-width:40px}.menuOptionsButton span{display:inline-block}.menuOptionsButton:hover{background-color:var(--gray-6)}.menuOptionsButton:last-child{border-bottom:2px solid var(--gray-6)}.menuOptionsButton.menuOptionsButtonActive{background-color:var(--gray-5)}.menuContainer{display:flex;gap:20px;flex-direction:column}@container menuContainer (min-width: 400px){.menuContainer{flex-direction:row}}.menuSideNavContainer{display:flex;flex-direction:row}@container menuContainer (min-width: 400px){.menuSideNavContainer{flex-direction:column;width:30%;max-width:200px}}.menuMainContentContainer{width:100%}.gameSettingsInput{justify-self:start}.volumeSliderContainer{display:grid;grid-template:1fr / 1fr 5fr}.volumeSliderContainer svg{margin:auto 0;padding-right:8px;width:20px}.volumeSliderContainer svg:hover{cursor:pointer}.optionsModalContainer{min-width:250px;width:80vw;container-type:inline-size;container-name:menuContainer}@media (min-width: 800px){.optionsModalContainer{width:50vw}}.optionsTitle{margin-top:0;text-align:center}.optionsForm{display:flex;flex-direction:column;gap:20px}.optionsActions{display:flex;justify-content:space-between;font-size:.8rem}.optionsActions ul{list-style:none;padding:0}.optionsActions li{display:grid;grid-template:1fr / 1fr 1fr;column-gap:20px;padding-bottom:10px}.optionsActions li>*{margin:auto 0}.avatarChangeBody{display:flex;flex-wrap:wrap;gap:4px;padding:0 5px;justify-content:center;overflow-y:auto;max-height:40vh}.avatarButton{display:inline-block;cursor:pointer;background-color:var(--gray-5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:80px;width:80px;border-radius:4px;border:0;padding:0}.avatarButton:hover{background-color:var(--gray-7)}.avatarSelected{background-color:var(--green-5)}.avatarSelected:hover{background-color:var(--green-7)}.customizeModalContainer{min-width:250px;width:80vw;min-height:50vh;container-type:inline-size;container-name:menuContainer}@media (min-width: 800px){.customizeModalContainer{width:60vw}}.customizeTitle{margin-top:0;text-align:center}.genericModalContainer{text-align:center;min-width:30vw}.genericModalTitle{margin-top:0}.quickMatchTitle{margin-top:0;text-align:center}.quickMatchContainer,.quickMatchSearchOptions{display:flex;flex-direction:column;gap:20px}.quickMatchOptionContainer{display:flex;gap:20px;max-width:500px}.quickMatchSearchDescription{height:400px;overflow-y:auto}.quickMatchActions{display:flex;justify-content:space-between}.quickMatchSubmit{display:flex;align-items:center;justify-content:center;gap:10px}.quickMatchSubmit .quickMatchSpinner{width:20px;height:20px}.modalBackdrop{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:80%;z-index:var(--modal-bg-z-index)}.modalContainer{position:fixed;top:20%;left:50%;transform:translate(-50%,-20%);background-color:var(--dark-translucent-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:5px 5px 20px 5px #000;z-index:var(--modal-z-index);border-radius:6px;padding:20px;min-width:300px}.closeModalButton{height:30px;width:30px;cursor:pointer;color:#fff;background:none;border:none;border-radius:50%;position:absolute;right:25px}.closeModalButton:hover{background-color:var(--gray-5)}.creditsModalContainer{text-align:center;min-width:30vw}.creditsModalTitle{margin-top:0}.creditsModalBody{display:flex;flex-direction:column}.creditsGithubButton{display:flex;align-items:center;justify-content:center;font-weight:700;gap:8px;margin:auto}.roomListItemButton{width:100%;height:100%;text-align:left;border:0;padding:0;background-color:inherit;color:inherit;font-size:inherit;cursor:pointer;display:flex}.roomListIconContainer{margin-left:auto}.roomListIconContainer span{margin-left:6px;display:inline-block}.errorMessage{color:red}.roomList{list-style:none;padding:0;margin-top:4px;width:100%}.roomList li{font-size:18px;align-content:center;padding:14px;border-radius:4px}.roomList li:hover{filter:brightness(80%)}.roomList li:nth-child(odd){background-color:var(--gray-3)}.roomList li:nth-child(2n){background-color:var(--gray-2)}.roomListTopActions{display:flex;padding:8px 0}.roomListTopActions .roomSearchContainer{margin-left:auto;width:250px}.roomListTopActions .roomSearch{height:16px;padding:4px;font-size:16px}.roomListTopActions .roomSearch input{height:12px;font-size:12px;padding-top:4px}.pokemonOfTheDay{display:flex;flex-direction:column;text-align:center;align-items:center}.pokemonOfTheDay img{max-height:40px}@media (min-height: 700px){.pokemonOfTheDay img{max-height:80px}}.navOptions{display:flex;flex-direction:column;position:fixed;height:100%;min-height:100vh;width:200px;list-style:none;margin:0;background-color:var(--gray-5);top:0;z-index:var(--nav-actions-z-index);box-shadow:none;font-size:1em;transition:left .5s}.navOptions.navMinimal{font-size:1.6em}.navOptions.navMinimal svg{min-width:unset}@media (min-width: 600px){.navOptions.navMinimal{transition:width .3s;width:70px;box-shadow:none}.navOptions.navMinimal:hover{width:300px}}@media (min-width: 800px){.navOptions{width:200px}}@media (min-width: 600px){.navOptions{position:inherit;box-shadow:0 0 10px #000;top:auto}}.navMobileNav{z-index:var(--mobile-nav-actions-z-index);position:fixed;width:100%;background-color:var(--gray-6)}@media (min-width: 600px){.navMobileNav{display:none}}.navMobileButton{background:none;border:none;color:#fff;width:50px;height:50px;cursor:pointer}@media (max-width: 599px){.navOptionsOpen{left:0}}@media (max-width: 599px){.navOptionsClose{left:-200px}}.navBackdrop{position:absolute;height:100vh;width:100vw;top:0;left:0;background-color:#000;opacity:80%;z-index:var(--mobile-nav-bg-z-index)}.navOptionButton{background:none;color:#fff;font-weight:800;border:0;width:100%;padding:20px;cursor:pointer;font-size:.8em;border-top:2px solid var(--gray-6)}.navOptionButton>*{vertical-align:middle}.navOptionButton svg{min-width:40px}.navOptionButton span{display:inline-block}.navOptionButton:hover{background-color:var(--gray-6)}.navOptionButton:last-child{border-bottom:2px solid var(--gray-6)}.menuOptions{padding:10px 0}.nameContainer{padding:0 10px;text-align:center;margin-top:40px}@media (min-width: 600px){.nameContainer{margin-top:0}}.avatarContainer img{display:block;margin:0 auto;max-height:60px}.pokemonOfTheDayContainer{margin-top:auto;margin-bottom:20px}.menuOptionButtonContainer{padding:16px 8px}.menuOptionButtonContainer svg{max-height:16px;max-width:20px}.menuOptionButtonContainer span{vertical-align:middle;width:120px}@keyframes floating{0%{transform:translateY(0) rotate(0) scale(var(--scale));opacity:.5}to{transform:translateY(-1200%) rotate(var(--rotation)) scale(var(--scale));opacity:0}}.backgroundFloat{position:absolute;animation:floating infinite linear 20s}.backgroundStatic{position:absolute}.backgroundContainer{position:fixed;overflow:hidden;height:100vh;width:100vw;top:0;left:0;z-index:var(--animated-bg-z-index)}.backgroundContainer>*{filter:blur(5px)}.backgroundChess{display:inline-block;min-width:5vw;min-height:5vw;max-width:10vw;max-height:10vw;background-size:contain}.backgroundPokemon{min-width:7vw;min-height:7vw}.lobbyContainer{display:flex}@media (max-width: 600px){.lobbyContainer{flex-direction:column}}.roomListLobbyContainer{width:100%;margin:0 60px}@media (max-width: 600px){.roomListLobbyContainer{padding-top:40px;margin:0}}.roomListContainer{background-color:var(--translucent-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:5px 5px 20px 5px #000;border-radius:8px;padding:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.roomListBottomActions{display:flex;padding-top:20px}.roomListBottomActions .paginationActions{display:flex;align-items:center}.roomListBottomActions .paginationButton{height:30px;width:30px;cursor:pointer}.roomListBottomActions .paginationLabel{padding:0 10px;text-align:center}.roomListBottomActions .paginationLabel span{display:inline-block}.roomListBottomActions .refreshButton{margin-left:auto;background:none;color:#fff;border:0;cursor:pointer}.roomListBottomActions .refreshButton:disabled{filter:brightness(50%);animation:spin .5s infinite}.takenChessPiecesContainer{display:flex;flex-direction:row;min-height:30px}.takenChessPiecesContainer .pieceContainer{height:30px;width:30px}@media (min-width: 800px){.takenChessPiecesContainer{min-height:50px}.takenChessPiecesContainer .pieceContainer{height:50px;width:50px}}.timer{border-radius:20%;background-color:var(--gray-1);color:#000;padding:4px;display:flex;align-items:center;font-size:1.2em;font-weight:600;font-variant-numeric:tabular-nums}.timer.paused{filter:brightness(50%)}.timer span{margin-left:auto}.playerGameDisplayContainer{display:flex;padding:10px;background-color:var(--gray-5);font-size:10px}.playerGameDisplayContainer .playerGameDisplaySprite{width:40px;height:40px}.playerGameDisplayContainer .nameContainer{margin:auto 0}@media (min-width: 800px){.playerGameDisplayContainer{font-size:16px}.playerGameDisplayContainer .playerGameDisplaySprite{width:60px;height:60px}}.playerTimer{margin:auto 0 auto auto;width:15%}@media (min-width: 600px){.playerTimer{width:10%}}.gameManagerActionContainer{display:flex;flex-direction:column;background-color:var(--gray-5);z-index:var(--nav-actions-z-index);font-size:.7em}@media (min-width: 600px){.gameManagerActionContainer{position:fixed;width:70px;height:100%;font-size:1em}}.gameManagerActionHeaderContainer{display:flex;justify-content:center;container-type:inline-size;width:100%;margin:60px 0 0;letter-spacing:2px}@media (min-width: 600px){.gameManagerActionHeaderContainer{margin:7px 0}}@media (min-width: 800px){.gameManagerActionHeaderContainer{margin:17px 0}}.gameManagerActionHeader{font-weight:800;overflow:hidden;flex-basis:17px}@container (width > 80px){.gameManagerActionHeader{flex-basis:auto}.gameManagerActionHeader:nth-child(1){padding-right:12px}}.gameManagerActions{display:flex;flex-direction:column;align-items:center;margin:10px 12px 10px auto;width:100%}.gameManagerAction{overflow:hidden;white-space:nowrap;padding:20px 0}.gameManagerActionLabel{width:150px;font-size:.7em}@media (min-width: 600px){.gameManagerActionLabel{width:200px}}.gameManagerActionIcon{width:auto}@media (min-width: 600px){.gameManagerActionIcon{width:70px}.gameManagerActionIcon svg{max-width:20px}}.nameIcon{margin-right:4px}.playerListContainer{background-color:var(--gray-6);margin-left:auto;overflow-y:auto;border-radius:4px;width:100%;max-height:300px}.playerListContainer .playerList{padding:10px}.playerListContainer ul{list-style:none;padding:0}.playerListContainer li{display:flex;align-items:center;word-break:break-all;font-size:12px;align-content:center;padding:8px}.playerListContainer li:first-child{border-radius:4px 4px 0 0}.playerListContainer li:last-child{border-radius:0 0 4px 4px}.playerListContainer li:nth-child(odd){background-color:var(--gray-4)}.playerListContainer li:nth-child(2n){background-color:var(--gray-5)}.playerListSprite{max-height:30px}.playerListName{display:inline-block}.playerActions{margin-left:auto}.playerAction{margin-left:4px;width:30px;height:30px}.battleChessAndActionContainer{display:flex;flex-direction:column}@media (min-width: 600px){.battleChessAndActionContainer{flex-direction:row}}.battleChessContainer{padding-top:150px;padding-bottom:100px;width:100%;padding-left:0}@media (min-width: 600px){.battleChessContainer{padding-top:100px;padding-left:70px}}.skipSpinnerContainer{display:flex;justify-content:center;gap:20px;align-items:center;height:60vh}.topPlayerDisplay{position:fixed;width:100%;z-index:var(--player-ingame-display-z-index);top:50px;left:0;box-sizing:border-box}@media (min-width: 600px){.topPlayerDisplay{top:0;padding-left:70px}}.bottomPlayerDisplay{position:fixed;width:100%;z-index:var(--player-ingame-display-z-index);bottom:0;left:0;box-sizing:border-box}@media (min-width: 600px){.bottomPlayerDisplay{padding-left:70px}}.playerAndChatContainer{margin-top:50px;display:flex;flex-direction:column}@media (min-width: 600px){.playerAndChatContainer{flex-direction:row}}.playerAndChatContainer .battleChessPlayerList{padding:0 20px;box-sizing:border-box;max-height:320px;width:100%;border-radius:4px 0 0 4px;margin:0}@media (min-width: 600px){.playerAndChatContainer .battleChessPlayerList{width:30%}}.playerAndChatContainer .inGameChatContainer{display:flex;flex-direction:column;height:320px;width:100%;background-color:var(--gray-6)}@media (min-width: 600px){.playerAndChatContainer .inGameChatContainer{width:70%}}.playerAndChatContainer .inGameChatContainer .inGameChatHeader{padding:8px}.playerAndChatContainer .inGameChat{max-height:280px;box-sizing:border-box}.chatDisplayContainer{display:flex;flex-direction:column;border-top:3px solid var(--gray-6);border-left:3px solid var(--gray-6);background-color:#eee;color:#000;height:30vh}.chatLogActions{display:flex;margin-top:auto;width:100%}.chatLogActions input{height:20px;width:100%;border-radius:0;border:0;border-top:3px solid var(--gray-6);border-right:2px solid var(--gray-6);padding:6px;outline:none}.chatLog{height:100%;overflow-y:auto;font-size:14px}.chatLog p{padding:4px;margin:0}.chatLog p:nth-child(odd){background-color:#dcdcdc}.gameTimerContainer{display:flex;flex-wrap:wrap;margin-left:8px}.gameTimerLabel{margin-bottom:0}.gameTimerButton{margin-top:8px;margin-right:8px;width:100px}.roomOptionsContainer{padding:0 20px}@media (max-width: 800px){.roomOptionsContainer{padding:0 10px}}.roomOptionsContainer ul{padding:0;list-style:none}.roomOptionsContainer select{height:fit-content}.roomOptionsContainer input{height:12px}ul.roomOptionsList{padding:0 20px}.roomOption{display:flex;flex-direction:row}.roomOption select{margin-right:4px}.roomOptionLabel{max-width:200px;margin-right:8px}.roomOptionLabel p{font-size:12px}.roomOptionBanTimer{margin:auto 0}.roomContainer{margin:0 20px 100px;padding-top:20px}@media (min-width: 600px){.roomContainer{margin:0 50px 100px 120px;padding-top:20px}}.roomForm{background-color:var(--gray-5);box-shadow:0 0 10px #000;border-radius:4px;max-width:1000px;margin:50px 0 0;padding:20px}@media (min-width: 600px){.roomForm{margin:auto}}.roomPlayerContainer{display:flex;flex-direction:column;padding-bottom:12px}.roomButtons{display:flex;justify-content:space-evenly;padding:20px}.roomButtons button{margin-top:12px}@media (max-width: 500px){.roomButtons{padding:0}.roomButtons button{width:80px}}.playerContainer{display:flex;flex-direction:row;text-align:center;justify-content:center;width:100%;min-height:150px}.playerContainer span{margin:auto 0}.playerContainer .player{display:flex;flex-direction:column;width:200px;padding:10px;word-break:break-all}.playerContainer .player span{font-weight:600}.playerContainer .player img{width:80px;height:80px;margin:auto}.chatToggleContainer{position:fixed;top:100%;right:0;width:100%;transition:transform .2s ease-in-out;z-index:var(--chat-z-index)}@media (min-width: 600px){.chatToggleContainer{width:40%}}.chatToggleButton{cursor:pointer;height:50px;width:100%;display:block;background:none;color:#fff;background-color:var(--gray-5);text-align:left;border:0;border-left:3px solid var(--gray-6);border-top:3px solid var(--gray-6);align-content:center;padding:0 10px}.chatOpen{transform:translateY(-100%)}.chatClosed{transform:translateY(-50px)}.chatToggleNewMessageNum{display:inline-block;width:20px;height:20px;background-color:#ff4500;border-radius:50%;margin-left:10px;text-align:center}.errorBoundaryContainer{margin:80px auto;width:300px;text-align:center}.errorBoundaryContainer img{max-width:300px;max-height:300px}.rejoinButtonContainer{display:flex;gap:10px}.rejoinButtonContainer .rejoinSubmit{display:flex;align-items:center;justify-content:center;gap:10px}.rejoinButtonContainer .rejoinSpinner{width:20px;height:20px}.mainMenuHeader{text-align:center;margin-top:0;padding-top:20px}