:root{color-scheme:dark;--primary: #3D68A9;--secondary: #2A8FAF;--background-primary: #232527;--background-secondary: #2B3D51;--text: #FFFFFF99;--generic: #FFF;--contrast: #000;--light: #FFF;--dark: #000;--translucent: #FFFFFF19;--translucent-less: #FFFFFF40;--contrast-translucent: #00000040;--contrast-translucent-less: #00000066;--background-primary-translucent: #232527B3;--primary-translucent: #3d68a94d;--secondary-translucent: #2a90af4d;--piece-home-background: var(--light);--piece-home-colour: var(--background-primary);--piece-rival-background: var(--background-secondary);--piece-rival-colour: var(--light);--default-shadow: 0 0 20px var(--contrast-translucent);--default-glow: 0 0 15px var(--primary-translucent);--icon-shadow: 0 0 5px var(--contrast-translucent-less);--icon-glow: 0 0 5px var(--secondary-translucent);--inner-shadow: inset 0 0 10px var(--contrast-translucent);--overlay-shadow: 0 0 20px var(--background-primary-translucent);--blur-l: blur(25px);--blur-m: blur(10px);--font-title: 700 20px/30px Roboto;--font-label: 300 18px/30px Roboto;--font-heading-1: 300 16px/30px Roboto;--font-subtitle: 300 14px/20px Roboto;--animation-speed: 1;--transition-s: calc(.2s * var(--animation-speed)) cubic-bezier(.4, 0, .4, 1);--transition-m: calc(.4s * var(--animation-speed)) cubic-bezier(.4, 0, .4, 1);--transition-l: calc(.7s * var(--animation-speed)) cubic-bezier(.4, 0, .4, 1)}html{background:var(--background-primary)}body{width:100%;background:var(--background-primary);transition:var(--transition-l);overflow:hidden}*{margin:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text);transition:var(--transition-m);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:0px}button{overflow:hidden;border:none;outline:none;padding:0}button:hover{cursor:pointer}@font-face{font-family:Roboto;src:url(/Chinese-Chess/assets/Roboto-700-BKtbn9Wi.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(/Chinese-Chess/assets/Roboto-700-Italic-DLtOeeWN.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(/Chinese-Chess/assets/Roboto-400-BHeBnKzs.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/Chinese-Chess/assets/Roboto-400-Italic-Dxo79a56.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(/Chinese-Chess/assets/Roboto-300-y85UWPYz.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(/Chinese-Chess/assets/Roboto-300-Italic-CubrlQUP.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Roboto-Mono;src:url(/Chinese-Chess/assets/RobotoMono-Be6w_Krw.ttf) format("truetype");font-weight:1 999;font-style:normal}@font-face{font-family:Roboto-Mono;src:url(/Chinese-Chess/assets/RobotoMono-Italic-BjKlAK0a.ttf) format("truetype");font-weight:1 999;font-style:italic}@font-face{font-family:Raleway;src:url(/Chinese-Chess/assets/Raleway-Cinel4j-.ttf) format("truetype");font-weight:1 999;font-style:normal}@font-face{font-family:Raleway;src:url(/Chinese-Chess/assets/Raleway-Italic-_IlYcq4N.ttf) format("truetype");font-weight:1 999;font-style:italic}@font-face{font-family:Lexend-Deca;src:url(/Chinese-Chess/assets/LexendDeca-BJeUtvhp.ttf) format("truetype");font-weight:1 999;font-style:normal}@font-face{font-family:Montserrat;src:url(/Chinese-Chess/assets/Montserrat-i02rBV5P.ttf) format("truetype");font-weight:1 999;font-style:normal}@font-face{font-family:Montserrat;src:url(/Chinese-Chess/assets/Montserrat-Italic-DFfUqDrJ.ttf) format("truetype");font-weight:1 999;font-style:italic}@font-face{font-family:Handjet;src:url(/Chinese-Chess/assets/Handjet--GuELLDw.ttf) format("truetype");font-weight:1 999;font-style:normal}#app{width:100vw;height:100vh;text-align:center}#main{height:100%;max-width:300px;margin:auto;padding:0 30px}#title{width:100%;max-width:300px;height:30px;margin:auto;overflow:hidden;position:fixed;top:15%;z-index:100}footer{width:100%;position:fixed;bottom:0;display:flex;justify-content:space-between;align-items:center;z-index:10}nav.navbar{margin:10px;display:flex;justify-content:space-around;border-radius:20px;background-color:var(--background-primary-translucent)}body.blur-m nav.navbar{-webkit-backdrop-filter:var(--blur-m);backdrop-filter:var(--blur-m)}nav.navbar.main{margin:10px auto}.v-enter-active *,.v-enter-active.blur,.v-leave-active.blur,.title-enter-active *{transition:var(--transition-l)}.v-leave-active *,.title-leave-active *,.footer-nav-enter-active,.footer-nav-leave-active,.footer-nav-move{transition:var(--transition-m)}.footer-nav-leave-active{position:absolute}.v-enter-from .footer nav,.v-leave-to .footer nav{opacity:0;transform:scale(.9)}.v-enter-from.blur,.v-leave-to.blur{filter:var(--blur-l);opacity:0}.title-enter-from{opacity:0;transform:translateY(-30px)}.title-leave-to{height:0px;opacity:0;transform:translateY(30px)}h1{font:var(--font-title);letter-spacing:5px;text-transform:uppercase;text-align:left}h2{height:30px;font:var(--font-heading-1);letter-spacing:3px;text-transform:uppercase}h3{height:30px;font:var(--font-label);letter-spacing:2px;text-transform:capitalize;text-align:left}p{height:20px;font:var(--font-subtitle);letter-spacing:1px}b{font-weight:500}svg[data-v-77207eed]{height:8vw;max-height:40px;min-height:15px;width:8vw;max-width:40px;min-width:15px;padding:7.5px;filter:drop-shadow(var(--icon-shadow))}path[data-v-77207eed]{stroke-width:2px;stroke:var(--text)}.icon-button-main[data-v-153d76cc]{margin:5px;color:var(--text);text-shadow:var(--icon-shadow);background:none}.icon-button-main[data-v-153d76cc]:not([active=true]){opacity:.7}svg path[data-v-153d76cc]{stroke:var(--text);stroke-opacity:1}svg.big[data-v-153d76cc]{height:12vw;max-height:60px;min-height:30px;width:12vw;max-width:60px;min-width:30px}svg.big[data-v-153d76cc] path{stroke-width:1.5px}.icon-button-main[disable=false][data-v-153d76cc]:not([active=true]):hover{opacity:1;filter:drop-shadow(var(--icon-shadow))}.icon-button-main[active=true][data-v-153d76cc],.icon-button-main.router-link-exact-active[data-v-153d76cc]:not([active=false]),.icon-button-main[disable=true][data-v-153d76cc]{pointer-events:none}.icon-button-main[disable=true][data-v-153d76cc]{opacity:.3}.icon-button-main[active=true] svg[data-v-153d76cc],a.router-link-exact-active:not([active=false]) svg[data-v-153d76cc]{filter:drop-shadow(var(--icon-glow))}.icon-button-main[active=true][data-v-153d76cc],a.router-link-exact-active.icon-button-main[data-v-153d76cc]:not([active=false]){opacity:1}.icon-button-main[active=true] svg[data-v-153d76cc] path,a.router-link-exact-active.icon-button-main:not([active=false]) svg[data-v-153d76cc] path{stroke:var(--secondary)}.icon-button-main[active=true] svg.rotate[data-v-153d76cc],a.router-link-exact-active.icon-button-main:not([active=false]) svg.rotate[data-v-153d76cc]{transform:rotate(-90deg)}.footer-nav-enter-from.icon-button-main[data-v-153d76cc],.v-enter-from .icon-button-main[data-v-153d76cc],.footer-nav-leave-to.icon-button-main[data-v-153d76cc],.v-leave-to .icon-button-main[data-v-153d76cc]{transform:scale(.9)}.footer-nav-enter-from svg[data-v-153d76cc],.v-enter-from svg[data-v-153d76cc],.footer-nav-leave-to svg[data-v-153d76cc],.v-leave-to svg[data-v-153d76cc]{opacity:0}.footer-nav-enter-from svg.rotate[data-v-153d76cc],.v-enter-from svg.rotate[data-v-153d76cc]{transform:rotate(135deg)}.footer-nav-leave-to svg.rotate[data-v-153d76cc],.v-leave-to svg.rotate[data-v-153d76cc]{transform:rotate(-135deg)}.button-main[data-v-861237e4]{width:var(--length);width:100%;max-width:300px;height:40px;border-radius:20px;margin:15px 0;padding:5px;background:var(--primary);box-shadow:var(--default-shadow);display:block;position:relative}button.small[data-v-861237e4]{max-width:140px}#text[data-v-861237e4]{height:100%;margin:0;text-overflow:ellipsis;text-align:center;vertical-align:middle;overflow:hidden;position:relative;z-index:0}button[data-v-861237e4]:after{content:" ";width:60%;height:150%;margin:auto;border-radius:100px;filter:blur(20px);background-color:var(--generic);opacity:0;display:block;position:absolute;bottom:-25%;left:20%;z-index:1;transition:var(--transition-m)}button[data-v-861237e4]:hover{box-shadow:var(--default-glow)}button[data-v-861237e4]:hover:after{width:120%;left:-10%;opacity:.15}button:hover #text[data-v-861237e4]{letter-spacing:4px}button[data-v-861237e4]:active:after{background-color:var(--contrast)}button:active #text[data-v-861237e4]{letter-spacing:2px}.v-leave-to button[data-v-861237e4],.v-enter-from button[data-v-861237e4]{transform:scale(.9);box-shadow:none;opacity:0}button[disabled][data-v-861237e4]{pointer-events:none;background:var(--translucent);box-shadow:var(--inner-shadow)}button[disabled] #text[data-v-861237e4]{opacity:.5}#account{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}#google{background:none;outline:var(--generic) solid 2px}#account.v-enter-active>*,#account.v-leave-active>*{transition-delay:var(--account-delay)}#home{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}#home.v-enter-active>*,#home.v-leave-active>*{transition-delay:var(--main-delay)}.v-enter-active.sequence-transition>*,.v-enter-active.sequence-transition *,.v-enter-active .sequence-transition>*,.v-enter-active .sequence-transition *{transition-delay:var(--sequence-delay)}section[data-v-6fc56240]{display:flex;flex-direction:column;justify-content:center;max-width:300px;margin:auto;min-height:calc(70vh - 50px);padding:calc(15vh + 25px) 0;width:100%;scroll-snap-align:start;overflow:visible}.innerWrap[data-v-6fc56240]{display:flex;flex-direction:column}.innerWrap *[data-v-6fc56240]{transition-delay:inherit}.progress[data-v-fa0577e5]{transition:width var(--transition-s),box-shadow var(--transition-m),background var(--transition-m)}.slider-main[data-v-fa0577e5]{height:36px;max-width:300px;margin:10px 0 0;border-radius:20px;background:var(--translucent);position:relative;box-shadow:var(--inner-shadow)}.slider-main[data-v-fa0577e5]:hover,input[data-v-fa0577e5]:hover{cursor:pointer}.progress[data-v-fa0577e5]{height:100%;width:calc(var(--36662840) * (100% - 36px) + 36px);min-width:36px;max-width:100%;border-radius:20px;background:var(--primary);position:absolute;bottom:0;left:0;z-index:1;box-shadow:var(--default-shadow);display:flex;justify-content:flex-end;align-items:center}.progress>.knob[data-v-fa0577e5]{height:26px;min-width:26px;margin:5px;border-radius:20px;background:var(--contrast-translucent);box-shadow:var(--default-shadow);display:block}.slider-main:hover .progress[data-v-fa0577e5]{box-shadow:var(--default-glow)}input[data-v-fa0577e5]{overflow:visible;width:calc(100% - 10px);height:100%;margin:0 5px;position:relative;outline:none;background:none;opacity:0;display:block;z-index:2}input[data-v-fa0577e5]::-webkit-slider-thumb{height:26px;width:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:none}.slider-main:hover .knob[data-v-fa0577e5]{transform:scale(1.1)}.v-enter-from .progress[data-v-fa0577e5],.v-leave-to .progress[data-v-fa0577e5]{width:36px}.v-enter-active .progress[data-v-fa0577e5],.v-leave-active .progress[data-v-fa0577e5]{transition:var(--transition-m)}.slider-group{width:100%;margin:15px 0}.slider-heading{width:100%;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.slider-title{min-width:50%}.slider-label-wrap{height:30px;overflow:hidden}datalist.slider-labels{display:flex;width:100%;height:30px;justify-content:space-between;align-items:center;overflow:hidden}datalist.slider-labels *{min-width:30px}.v-enter-from h3.slider-title,.v-leave-to h3.slider-title{transform:translate(-50%);opacity:0}.v-enter-from .slider-reading,.v-leave-to .slider-reading{transform:translate(100%);opacity:0}.v-enter-from .slider-labels>*,.v-leave-to .slider-labels>*{transform:scale(.9);opacity:0}.v-enter-from .slider,.v-leave-to .slider{opacity:0}.grid-group{width:100%;margin:15px 0;overflow:visible}.grid-group-header{overflow:hidden}.grid-title{margin-bottom:10px}.grid{display:flex;flex-wrap:wrap;gap:var(--92f1c2d6)}.v-enter-from h3.grid-title,.v-leave-to h3.grid-title{transform:translate(-50%);opacity:0}.v-enter-active .grid-group>div.grid>*,.v-leave-active .grid>*{transition-delay:var(--grid-delay)}.v-enter-from .grid>*,.v-leave-to .grid>*{transform:scale(.9);opacity:0}input[data-v-7756aafb]{opacity:0;height:0;width:0}.switch-main[data-v-7756aafb]{height:36px;width:70px;border-radius:20px;background:var(--translucent);box-shadow:var(--inner-shadow);display:flex}.switch-main[data-v-7756aafb]:has(input:checked){background:var(--primary);box-shadow:var(--default-shadow)}.switch-main[data-v-7756aafb]:hover{cursor:pointer}.switch-main[data-v-7756aafb]:has(input:checked):hover{box-shadow:var(--default-glow)}.knob[data-v-7756aafb]{height:26px;width:calc(100% - 15px);min-width:26px;margin:5px;border-radius:20px;background:var(--contrast-translucent);box-shadow:var(--default-shadow)}.switch-main:hover .knob[data-v-7756aafb]{transform:scale(1.1)}.switch-main:active .knob[data-v-7756aafb]{width:200%}.switch-main[data-v-7756aafb]:before,.switch-main[data-v-7756aafb]:after{content:"";width:0px;transition:var(--transition-s)}.switch-main[data-v-7756aafb]:has(input:checked):before,.switch-main[data-v-7756aafb]:has(input:not(:checked)):after{width:100%;transition-delay:calc(var(--animation-speed) * .1s)}.v-enter-from .switch-main[data-v-7756aafb],.v-leave-to .switch-main[data-v-7756aafb]{width:36px;margin-right:34px;transform:scale(.9)}.switch-group[data-v-35295e90]{width:100%;display:flex;align-items:center;justify-content:space-between;margin:15px 0;overflow:visible}label.switch-label[data-v-35295e90]{overflow:hidden}.v-enter-from h3.switch-title[data-v-35295e90],.v-leave-to h3.switch-title[data-v-35295e90]{transform:translate(-50%);opacity:0}.v-enter-from .switch-main[data-v-35295e90],.v-leave-to .switch-main[data-v-35295e90]{opacity:0}.colour-theme-icon[data-v-55dad8e8]{height:35px;aspect-ratio:1;border-radius:100%;background:none;box-shadow:var(--default-shadow)}.colour-theme-icon[selected=true][data-v-55dad8e8]{box-shadow:var(--default-glow);pointer-events:none}.colour-theme-icon[selected=true]>.theme-icon-svg[data-v-55dad8e8]{transform:rotate(-90deg)}.colour-theme-icon[selected=true] circle.theme-icon-outline[data-v-55dad8e8]{stroke-width:13px;r:6.5px}.colour-theme-icon[selected=false]:hover>.theme-icon-svg[data-v-55dad8e8]{transform:rotate(45deg)}.colour-theme-icon[selected=false]:hover circle.theme-icon-outline[data-v-55dad8e8]{r:15px}.colour-theme-icon[selected=false]:active circle.theme-icon-outline[data-v-55dad8e8]{r:12px;stroke-width:8px}.v-enter-from .colour-theme-icon[data-v-55dad8e8],.v-leave-to .colour-theme-icon[data-v-55dad8e8]{transform:rotate(90deg) scale(.9)}.v-enter-from .theme-icon-outline[data-v-55dad8e8],.v-leave-to .theme-icon-outline[data-v-55dad8e8]{r:15px}.v-leave-to .colour-theme-icon[data-v-55dad8e8]{transform:rotate(-90deg) scale(.9)}#settings{width:100vw;height:100vh;position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center}#settingsScreen{height:100vh;width:calc(100% - 120px);padding:0 60px;overflow-y:scroll;scroll-snap-type:y mandatory}.theme{width:55px;aspect-ratio:1;border-radius:10px;color:#fff;background-color:gray}nav#settingsSideNav{display:flex;flex-direction:column;position:absolute;justify-content:center;right:0;height:100%;top:0}nav#settingsSideNav path{transition:var(--transition-m)}.v-enter-from a.side-nav,.v-leave-to a.side-nav{transform:scale(.9);opacity:0}.options-main[data-v-94b56282]{height:40px;max-width:300px;width:100%;margin:10px 0 0;border-radius:20px;background:var(--translucent);box-shadow:var(--inner-shadow)}.options-main[data-v-94b56282]:hover,input[data-v-94b56282]:hover{cursor:pointer}input:hover+.selector[data-v-94b56282]{box-shadow:var(--default-glow)}.selector[data-v-94b56282]{height:100%;width:var(--6c82d7b4);min-width:36px;border-radius:20px;background:var(--primary);position:relative;bottom:100%;left:var(--37320dad);z-index:1;box-shadow:var(--default-shadow)}input[data-v-94b56282]{overflow:visible;width:calc(100% - 10px);height:100%;margin:0 5px;position:relative;outline:none;background:none;opacity:0;display:block;z-index:2}.options-list[data-v-94b56282]{padding:0;width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;position:relative;bottom:200%;z-index:1}.options-list p[data-v-94b56282]{min-width:33%;text-align:center;font-size:16px}.options-list p[selected=true][data-v-94b56282]{transition-delay:.2s;letter-spacing:2px}.v-enter-from .selector[data-v-94b56282],.v-leave-to .selector[data-v-94b56282],.v-enter-from p[data-v-94b56282],.v-leave-to p[data-v-94b56282]{transform:scale(.9)}.v-enter-from .selector[data-v-94b56282],.v-leave-to .options-main[data-v-94b56282]{transition-delay:.1s}.options-group[data-v-d92aebb1]{width:100%;margin:15px 0}.options-heading[data-v-d92aebb1]{overflow:hidden}.v-enter-from h3.Options-title[data-v-d92aebb1],.v-leave-to h3.Options-title[data-v-d92aebb1]{transform:translate(-50%);opacity:0}.v-enter-from .options[data-v-d92aebb1],.v-leave-to .options[data-v-d92aebb1]{opacity:0}#twoPlayer{display:flex;flex-direction:column;justify-content:center;min-height:min(70vh,calc(85vh - 75px));scroll-snap-align:start;overflow-y:visible;padding:15vh 0 max(15vh,75px)}.v-enter-active #startButton{transition-delay:calc(var(--animation-speed) * .3s)}.v-leave-active #startButton{transition-delay:calc(var(--animation-speed) * .2s)}#savedGameView{height:100vh;width:100%;padding:0 30px;margin:0 -30px;overflow-y:scroll}#savedGameView>.sequence-transition{display:flex;flex-direction:column;justify-content:center;min-height:calc(min(70vh,calc(85vh - 75px)) - 30px);padding:calc(15vh + 30px) 0 max(15vh,75px);scroll-snap-align:start;overflow-y:visible}button.saved-game{height:150px;padding:12px;margin:15px 0;border-radius:20px;background:var(--background-secondary);box-shadow:var(--default-shadow);display:flex;justify-content:space-between;align-items:center}div.game-info{margin:0 5px;height:100%;width:50%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.game-type{width:100%;text-align:left}.game-timing{width:100%;text-align:center}.game-durations{width:100%;height:30px;display:flex;justify-content:space-between;align-items:flex-end}.game-timings,.game-info,.game-durations{overflow:hidden}svg.game-board{height:100%;width:auto;aspect-ratio:9/10}svg.game-board>path,svg.game-board>rect{stroke:var(--generic);stroke-opacity:.6}g[player]>circle.piece-background{filter:drop-shadow(var(--icon-shadow))}g[player="0"]>circle.piece-background{fill:var(--piece-home-background)}g[player="0"]>circle.mark{fill:var(--piece-home-colour);opacity:.5}g[player="1"]>circle.piece-background{fill:var(--piece-rival-background)}g[player="1"]>circle.mark{fill:var(--piece-rival-colour);opacity:.5}button.saved-game:hover{box-shadow:var(--default-glow);padding:10px}button.saved-game:hover .game-type{letter-spacing:4px}button.saved-game:hover g[player]>circle.piece-background{filter:drop-shadow(var(--icon-glow))}button.saved-game:active{aspect-ratio:2;padding:14px;filter:contrast(90%)}button.saved-game:active .game-type{letter-spacing:2px}.v-enter-from .saved-game,.v-leave-to .saved-game{opacity:0}.v-enter-from .game-type,.v-leave-to .game-type,.v-enter-from .game-duration-game,.v-leave-to .game-duration-game{transform:translate(-50%)}.v-enter-from .game-duration-turn,.v-leave-to .game-duration-turn{transform:translate(50%)}.v-enter-from .game-timing,.v-leave-to .game-timing{transform:translate(-50%)}.v-enter-from g.piece-wrap,.v-leave-to g.piece-wrap{opacity:0}.v-enter-from circle.piece-background,.v-leave-to circle.piece-background{r:3px}.v-enter-active g.piece-wrap,.v-leave-active g.piece-wrap{transition-delay:var(--piece-delay)}.menu-screen{position:absolute;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.icon-button-main.menu-button{margin:2vh 0;z-index:1;transition:var(--transition-l)}.menu-button.active{position:absolute;top:25vh;transform:scale(1.2)}.sub-page{width:100%;display:flex;flex-direction:column;z-index:5}.menuIconsGroup{display:block;height:100%;width:100%}.menu-move{transition:var(--transition-m)}.menu-leave-active{transition-duration:1s;position:relative!important}.menu-leave-to,.menu-enter-from{transform:scale(.9);opacity:0!important}.request-group{width:100%;max-width:300px;margin:5px 0;padding:15px;overflow:hidden;position:absolute;left:-15px;border-radius:35px;box-shadow:var(--overlay-shadow);background:var(--background-primary);z-index:10}.blur-m .request-group{background:var(--background-primary-translucent);-webkit-backdrop-filter:var(--blur-m);backdrop-filter:var(--blur-m)}.request-title{margin-bottom:15px;text-align:center}.request-buttons{display:flex;margin:0 -10px}.request-buttons button.button-main{margin:0 10px}.v-enter-from.request-group,.v-leave-to.request-group{opacity:0}.v-enter-active .request-accept,.request-choice,.v-leave-to.request-group{transition-delay:calc(var(--animation-speed) * .1s)}.v-enter-from .request-title,.v-leave-to .request-title{transform:translateY(-5px)}.chess-piece-icon[data-v-4113b64e]{width:calc(100% - 6px);max-width:100px;margin:3px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;position:relative;border-radius:100%;box-shadow:var(--icon-shadow);outline:transparent solid 5px}.chess-piece-icon>.outline-svg[data-v-4113b64e]{width:100%;height:100%;transform:scale(1.175);border-radius:100%;position:absolute;top:0;left:0}.chess-piece-icon .outline-circle[data-v-4113b64e]{r:10;stroke:transparent;stroke-width:0px}.chess-piece-icon.active .outline-circle[data-v-4113b64e],.chess-piece-icon.mark .outline-circle[data-v-4113b64e]{r:14;stroke:var(--translucent-less)}.chess-piece-icon.active>.outline-svg>.outline-circle[data-v-4113b64e]{stroke-width:2px}.chess-piece-icon.mark .outline-circle[data-v-4113b64e]{stroke-width:1px}.chess-piece-icon[isPiece=true][player="1"][data-v-4113b64e]{background:var(--piece-rival-background)}.chess-piece-icon.rotate[player="1"][data-v-4113b64e]{transform:rotate(180deg)}.chess-piece-icon[isPiece=true][player="0"][data-v-4113b64e]{background:var(--piece-home-background)}.chess-piece-icon.active[isPiece=true][data-v-4113b64e],.chess-piece-icon.mark[data-v-4113b64e]{box-shadow:var(--default-glow)}.chess-piece-icon[isPiece=true][player="0"] svg.piece-icon-svg[data-v-4113b64e]{stroke:var(--piece-home-colour)}svg.piece-icon-svg[data-v-4113b64e]{height:85%;aspect-ratio:1;filter:drop-shadow(var(--type-shadow));stroke:var(--piece-rival-colour)}.chess-board-group{width:calc(100vw - 20px);max-width:60vh;background:var(--background-secondary);mask:url("data:image/svg+xml,%3csvg%20width='320'%20height='355'%20viewBox='0%200%20320%20355'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='320'%20height='355'%20rx='20'%20fill='white'/%3e%3c/svg%3e");-webkit-mask-size:cover;mask-size:cover;position:relative;box-shadow:var(--default-shadow)}.board-grid-wrap{margin:5px;max-width:100%;display:grid;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);position:relative;z-index:2}.chessRowWrap{display:grid;grid-template-columns:repeat(9,1fr)}.position{width:100%;aspect-ratio:1;border-radius:100%;position:relative}.pieces-leave-active.position{position:absolute!important;transition:none;opacity:0!important}.pieces-move{transition:var(--transition-m)}.pieces-enter-from,.pieces-leave-to{transform:scale(.7);opacity:0}.chess-piece:hover,.moves-check:hover{cursor:pointer}.moves-check{width:100%;aspect-ratio:1;border-radius:100%;opacity:.5;position:absolute;top:0;left:0;z-index:3;display:flex;justify-content:center;align-items:center}.moves-check-indicator,.blocked-move{width:30%;aspect-ratio:1;border-radius:100%;background:var(--generic);box-shadow:var(--icon-shadow)}.moves-check[kill=true]>.moves-check-indicator{outline:solid var(--dark) 3px;outline-offset:5px;background:var(--dark)}.blocked-move{width:50%;background:var(--generic);opacity:.8;mask:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='cross'%3e%3cpath%20id='Cross'%20d='M25.5%204.5L15%2015M4.5%204.5L15%2015M25.5%2025.5L15%2015M4.5%2025.5L15%2015'%20stroke='white'%20stroke-opacity='0.6'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:center;mask-position:center;position:absolute;top:25%;left:25%;z-index:3}.blocked-move[kill=true]{background:var(--contrast)}.board-lines{width:calc(100% - 10px);height:calc(100% - 10px);margin:5px;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1}.board-lines svg{width:100%}.board-lines path{stroke:var(--generic);stroke-width:2px;opacity:.5}.board-lines path.frame{stroke-width:3px}.v-enter-from .chess-board-group,.v-leave-to .chess-board-group{transform:scale(.95);opacity:0}.v-enter-from.moves-check,.v-leave-to.moves-check,.v-enter-from.blocked-move,.v-leave-to.blocked-move{transform:scale(.8);opacity:0;box-shadow:none}.v-enter-from.moves-check>.moves-check-indicator,.v-leave-to.moves-check>.moves-check-indicator{width:10%;outline-offset:10px}.v-enter-active.moves-check,.v-leave-active.moves-check{transition:var(--transition-m)}.board-lines path{transition-delay:.1s}.board-lines path.frame{transition-delay:.4s}.v-enter-from .board-lines path.frame{stroke-width:0px}.v-enter-from .board-lines path.vline.home{transform:translateY(55%) scaleY(0)}.v-enter-from .board-lines path.vline.opp{transform:translateY(45%) scaleY(0)}.v-enter-from .board-lines path.hline{transform:translate(50%) scaleX(0)}.v-enter-from .board-lines path.cross.home{transform:translate(50%,85%) scale(0)}.v-enter-from .board-lines path.cross.opp{transform:translate(50%,15%) scale(0)}.board-lines path.cross{transition-delay:.2s}#gamePlay{display:flex;flex-direction:column;justify-content:center;min-height:100vh;scroll-snap-align:start;overflow-y:visible}#gameScreen{position:relative;height:100vh;min-height:600px;display:flex;justify-content:center;align-items:center;flex-direction:column}.timing{width:100%;display:flex;justify-content:space-evenly;align-items:center;overflow:hidden}.timing>h2{margin-right:-3px}.request-group.bottom{bottom:80px}.request-group.top{top:80px}.footer{width:100%;position:fixed;left:0;display:flex;justify-content:space-between;align-items:center;z-index:10}.footer.top{top:0}.footer.bottom{bottom:0}.v-enter-from .top,.top{transform:rotate(180deg)}#gameOverlay{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:50;display:flex;justify-content:center;align-items:center;transition:var(--transition-l);background:var(--background-primary);-webkit-backdrop-filter:none;backdrop-filter:none}.blur-l #gameOverlay{background:var(--background-primary-translucent);-webkit-backdrop-filter:var(--blur-l);backdrop-filter:var(--blur-l)}.overlay-content{max-width:300px;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.v-enter-from#gameOverlay,.v-leave-to#gameOverlay{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.v-enter-from .timing>h2,.v-leave-to .timing>h2{transform:translateY(-20px);opacity:0}.v-enter-active .timing>h2{transition-delay:.2s}