[class*=width-]{width:100%;align-items:center}.width-1>*{max-width:16em;width:100%}*{--scale-factor:calc(var(--vw-unit)*100/100 - var(--screen-scale)*5/100)}@media (min-aspect-ratio:2/3){*{--scale-factor:calc(var(--vh-unit)*100*2/3/100 - var(--screen-scale)*5/100)}}@media (min-aspect-ratio:101/100){*{--scale-factor:calc(var(--vw-unit)*100/2.5/100 - var(--screen-scale)*5/100)}}@media (min-aspect-ratio:3/1){*{--scale-factor:calc(var(--vh-unit)*100*3/2.5/100 - var(--screen-scale)*5/100)}}body{--screen-scale:1em;font-size:var(--screen-scale)}.l-hide{display:none}.l-hide.l-show-tall{display:block}.bottom,.top{--peghole-spacing:calc(var(--vw-unit)*0.5)}.left,.right{--peghole-spacing:calc(var(--vh-unit)*0.2)}@media (max-aspect-ratio:3/4){@media (max-height:718px),(max-width:410px){body{--screen-scale:min(calc(var(--vw-unit)*100/25.625),calc(var(--vh-unit)*100/44.875))}}}@media (min-aspect-ratio:3/4){.l-hide.l-show-tall{display:none}.l-hide.l-show-square{display:block}.bottom,.top{--peghole-spacing:calc(var(--vw-unit)*0.35)}.left,.right{--peghole-spacing:calc(var(--vh-unit)*0.35)}@media (max-aspect-ratio:4/3){@media (max-height:800px),(max-width:800px){body{--screen-scale:min(calc(var(--vw-unit)*100/50),calc(var(--vh-unit)*100/50))}}}}@media (min-aspect-ratio:4/3){.l-hide.l-show-square{display:none}.l-hide.l-show-wide{display:block}.bottom,.top{--peghole-spacing:calc(var(--vw-unit)*0.2)}.left,.right{--peghole-spacing:calc(var(--vh-unit)*0.5)}@media (max-height:410px),(max-width:718px){body{--screen-scale:min(calc(var(--vw-unit)*100/44.875),calc(var(--vh-unit)*100/25.625))}}}*{box-sizing:border-box;font-family:ui-rounded,VarelaRound,ui-sans-serif,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;font-weight:inherit}:not(input){user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}:focus{outline:none}body,html{height:calc(var(--vh-unit)*100);width:100%;overflow:hidden}body{background-color:var(--boardcolor);padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);margin:0;display:flex;flex-direction:column;touch-action:pan-y;position:fixed;touch-action:manipulation}body.nodisplay{opacity:0}.card{z-index:1}#pulldown-menu{z-index:3}#neutral-block{z-index:1}.cardsrow{z-index:2}.cardsrow>div{z-index:0}.cardsrow>div:nth-child(2){z-index:1}.screen.bottom,.screen.top{width:100%;height:var(--boardwidth);display:flex;justify-content:space-between}.screen.mid{width:100%;flex:1 0 auto}.screen.mid>*{float:left}.screen.left,.screen.right{height:100%;width:var(--boardwidth);display:flex;flex-direction:column;justify-content:space-between}#mainscreen{margin-top:var(--boardwidth);height:calc(100% - var(--boardwidth));width:calc(100% - var(--boardwidth)*2);border-radius:1.1em;background-color:var(--tablecolor);box-shadow:inset 0 0 1.2em rgba(0,0,0,.3)}.game-container{height:100%;width:100%}.screen.top{padding-left:.25em}.screen.left>div:first-child{margin-top:calc(0em - var(--boardnum-width) - (var(--boardwidth) - var(--boardnum-width))/2)}@media (min-aspect-ratio:3/4){.screen.left>div:nth-child(5){margin-top:calc(0em - var(--boardnum-width) - (var(--boardwidth) - var(--boardnum-width))/2)}}@media (min-aspect-ratio:4/3){.screen.left>div:nth-child(9){margin-top:calc(0em - var(--boardnum-width) - (var(--boardwidth) - var(--boardnum-width))/2)}}.screen.top>div:last-child{margin-right:calc((var(--boardwidth) - var(--boardnum-width))/2)}.screen.right>div:first-child{margin-top:calc(0em - var(--boardnum-width) - (var(--boardwidth) - var(--boardnum-width))/2)}.screen.right>div:last-child{margin-bottom:calc(0em - var(--boardnum-width) - (var(--boardwidth) - var(--boardnum-width))/2)}@media (min-aspect-ratio:3/4){.screen.right>div:nth-last-child(5){margin-bottom:calc(0em - var(--boardnum-width) - (var(--boardwidth) - var(--boardnum-width))/2)}}@media (min-aspect-ratio:4/3){.screen.right>div:nth-last-child(9){margin-bottom:calc(0em - var(--boardnum-width) - (var(--boardwidth) - var(--boardnum-width))/2)}}.screen.bottom{padding-right:.5em}.screen.left>div:last-child{margin-bottom:calc(0em - var(--peghole-diameter) - var(--peghole-spacing)/2)}.screen.bottom{padding-left:calc(var(--boardwidth) - var(--peghole-diameter) - var(--peghole-spacing)/2)}.boardnum{--boardnum-width:1.8em;font-size:1em;text-align:center;color:var(--pegholecolor)}.boardblock{--boardblock-width:calc(var(--peghole-diameter)*5 + var(--peghole-spacing)*10)}.boardblock>.peghole{height:var(--peghole-diameter);width:var(--peghole-diameter);border-radius:50%;background-color:var(--pegholecolor);float:left}.peg{height:100%;transform:scale(1.25);border-radius:50%;transition:transform .25s ease-in-out}.peg.blue{background-color:var(--boardbluecolor)}.peg.red{background-color:var(--boardredcolor)}.peg.animate{z-index:4;transform:scale(2.5);--duration:0.5s}.boardnum.horizontal{height:100%;width:var(--boardnum-width);line-height:2.5em}.boardblock.horizontal{height:100%;width:var(--boardblock-width);padding:.5em 0}.boardblock.horizontal>.peghole{margin:.125em var(--peghole-spacing)}.boardblock.finish.horizontal{width:var(--peghole-diameter)}.boardblock.finish.horizontal>.peghole{margin:.5em 0}.boardblock.start.vertical{height:var(--peghole-diameter)}.boardblock.start.vertical>.peghole{margin:0 .125em}.boardnum.vertical{height:var(--boardnum-width);width:100%;line-height:1.85em;cursor:default}.screen.left>.boardnum.vertical{transform:rotate(270deg)}.screen.right>.boardnum.vertical{transform:rotate(90deg)}.boardblock.vertical{height:var(--boardblock-width);width:100%;padding:0 .5em}.boardblock.vertical>.peghole{margin:var(--peghole-spacing) .125em}.card{list-style-type:none;position:relative;text-align:center}.card.candrag{cursor:pointer}.card:after{content:"";display:block;pointer-events:none;font-family:Symbola;border-radius:.08em;padding:0;background:var(--cardfacecolor);box-shadow:0 5px 20px 0 rgba(0,0,0,.2)}.ontable>.card:after{box-shadow:none}ul{margin:0;padding:0;display:flex;height:1em;justify-content:center;transition:height .3s ease-in-out,font-size .3s ease-in-out}.cardstack{font-size:var(--cardspread-eff-scale)}.cardstack>.card{margin:0 -.37em}.cardspread{font-size:var(--cardspread-eff-scale);margin-bottom:.2em}.cardspread>.card{margin:0 -.3em}.cardspread:not(.stack):has(>.card:nth-child(16))>.card{margin:0 -.365em}.cardspread.stack>.card{margin:0 -.3983em}#neutralcards.animatemargin>.card:not(.active){transition:margin .4s ease-in-out}.cardspread:has(>.card:nth-child(10))>.card:not(.active):after{box-shadow:none}#neutralcards.cardspread>.card.down{transform:translateY(.25em)}#neutralcards.cardspread>.card.up{transform:translateY(-.25em)}.cardfan{font-size:var(--cardfan-eff-scale);width:100%;margin:.1em 0}.cardfan>.card{margin:0 -.3em}.cardfan:has(>.card:first-child)>.card:first-child:after{transform:rotate(0deg) translateY(0)}.cardfan:has(>.card:nth-child(2))>.card:first-child:after{transform:rotate(-5deg) translateY(1%)}.cardfan:has(>.card:nth-child(2))>.card:nth-child(2):after{transform:rotate(5deg) translateY(1%)}.cardfan:has(>.card:nth-child(3))>.card:first-child:after{transform:rotate(-8.75deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(3))>.card:nth-child(2):after{transform:rotate(0deg) translateY(0)}.cardfan:has(>.card:nth-child(3))>.card:nth-child(3):after{transform:rotate(8.75deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(4))>.card:first-child:after{transform:rotate(-12deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(4))>.card:nth-child(2):after{transform:rotate(-5deg) translateY(1%)}.cardfan:has(>.card:nth-child(4))>.card:nth-child(3):after{transform:rotate(5deg) translateY(1%)}.cardfan:has(>.card:nth-child(4))>.card:nth-child(4):after{transform:rotate(12deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(5))>.card:first-child:after{transform:rotate(-17.5deg) translateY(2.5%)}.cardfan:has(>.card:nth-child(5))>.card:nth-child(2):after{transform:rotate(-8.75deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(5))>.card:nth-child(3):after{transform:rotate(0deg) translateY(0)}.cardfan:has(>.card:nth-child(5))>.card:nth-child(4):after{transform:rotate(8.75deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(5))>.card:nth-child(5):after{transform:rotate(17.5deg) translateY(2.5%)}.cardfan:has(>.card:nth-child(6))>.card:first-child:after{transform:rotate(-20deg) translateY(5%)}.cardfan:has(>.card:nth-child(6))>.card:nth-child(2):after{transform:rotate(-12deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(6))>.card:nth-child(3):after{transform:rotate(-4deg) translateY(.75%)}.cardfan:has(>.card:nth-child(6))>.card:nth-child(4):after{transform:rotate(4deg) translateY(.75%)}.cardfan:has(>.card:nth-child(6))>.card:nth-child(5):after{transform:rotate(12deg) translateY(1.25%)}.cardfan:has(>.card:nth-child(6))>.card:nth-child(6):after{transform:rotate(20deg) translateY(5%)}.card.active:after{transform:rotate(0deg) translateY(-5%) scale(1.15)!important;box-shadow:0 10px 20px 5px rgba(0,0,0,.2)}.card:not(.active){left:0;top:0;transition:left .1s cubic-bezier(.33333,.66667,.66667,1),top .1s cubic-bezier(.33333,.66667,.66667,1),transform .1s cubic-bezier(.33333,.66667,.66667,1)}.card:after{transition:transform .4s cubic-bezier(.46,.01,.3,.98),box-shadow .4s cubic-bezier(.46,.01,.3,.98)}.card.active:after{transition:transform .25s cubic-bezier(.32,0,.32,1.42),box-shadow .25s cubic-bezier(.32,0,.32,1.42)}.card.facedown:after{content:"\1F0A0"}.card.s0.c0:after{content:"\1F0A1"}.card.s1.c0:after{content:"\1F0B1"}.card.s2.c0:after{content:"\1F0C1"}.card.s3.c0:after{content:"\1F0D1"}.card.s0.c1:after{content:"\1F0A2"}.card.s1.c1:after{content:"\1F0B2"}.card.s2.c1:after{content:"\1F0C2"}.card.s3.c1:after{content:"\1F0D2"}.card.s0.c2:after{content:"\1F0A3"}.card.s1.c2:after{content:"\1F0B3"}.card.s2.c2:after{content:"\1F0C3"}.card.s3.c2:after{content:"\1F0D3"}.card.s0.c3:after{content:"\1F0A4"}.card.s1.c3:after{content:"\1F0B4"}.card.s2.c3:after{content:"\1F0C4"}.card.s3.c3:after{content:"\1F0D4"}.card.s0.c4:after{content:"\1F0A5"}.card.s1.c4:after{content:"\1F0B5"}.card.s2.c4:after{content:"\1F0C5"}.card.s3.c4:after{content:"\1F0D5"}.card.s0.c5:after{content:"\1F0A6"}.card.s1.c5:after{content:"\1F0B6"}.card.s2.c5:after{content:"\1F0C6"}.card.s3.c5:after{content:"\1F0D6"}.card.s0.c6:after{content:"\1F0A7"}.card.s1.c6:after{content:"\1F0B7"}.card.s2.c6:after{content:"\1F0C7"}.card.s3.c6:after{content:"\1F0D7"}.card.s0.c7:after{content:"\1F0A8"}.card.s1.c7:after{content:"\1F0B8"}.card.s2.c7:after{content:"\1F0C8"}.card.s3.c7:after{content:"\1F0D8"}.card.s0.c8:after{content:"\1F0A9"}.card.s1.c8:after{content:"\1F0B9"}.card.s2.c8:after{content:"\1F0C9"}.card.s3.c8:after{content:"\1F0D9"}.card.s0.c9:after{content:"\1F0AA"}.card.s1.c9:after{content:"\1F0BA"}.card.s2.c9:after{content:"\1F0CA"}.card.s3.c9:after{content:"\1F0DA"}.card.s0.c10:after{content:"\1F0AB"}.card.s1.c10:after{content:"\1F0BB"}.card.s2.c10:after{content:"\1F0CB"}.card.s3.c10:after{content:"\1F0DB"}.card.s0.c11:after{content:"\1F0AD"}.card.s1.c11:after{content:"\1F0BD"}.card.s2.c11:after{content:"\1F0CD"}.card.s3.c11:after{content:"\1F0DD"}.card.s0.c12:after{content:"\1F0AE"}.card.s1.c12:after{content:"\1F0BE"}.card.s2.c12:after{content:"\1F0CE"}.card.s3.c12:after{content:"\1F0DE"}.card,.cardtext{color:var(--cardcolor)}.card.s0,.card.s3,.cardtext.s0,.cardtext.s3{color:var(--cardblackcolor)}.card.s1,.card.s2,.cardtext.s1,.cardtext.s2{color:var(--cardredcolor)}#dragmap{position:fixed;z-index:3;display:none;width:calc(var(--vw-unit)*100);height:calc(var(--vh-unit)*100);top:0;left:0;right:0;bottom:0;background-color:transparent}#dragmap.enable{display:block}#dragmap.enable~.screen.mid>#pulldown-menu{z-index:1}#opp-block{margin-bottom:1em}@media (min-aspect-ratio:101/100){#opp-block{display:flex;flex-direction:column;justify-content:center}}#opp-block:has(.cardfan){z-index:2}#neutral-block{flex-grow:1;display:flex;flex-direction:column}@media (min-aspect-ratio:101/100){#neutral-block{margin-top:0}}#neutral-block>div:first-child,#neutral-block>div:nth-child(3){flex-grow:1}.opponent-crib #neutral-block>div:nth-child(3),.player-crib #neutral-block>div:nth-child(3){flex-grow:unset}.opponent-crib #neutral-block,.opponent-crib #neutral-block .floattext,.opponent-crib #neutral-block>.cardsrow{transform:rotate(180deg)}@media (min-aspect-ratio:101/100){#neutral-block>div:first-child,#neutral-block>div:nth-child(3){flex-grow:unset}.opponent-crib #neutral-block,.opponent-crib #neutral-block .floattext,.opponent-crib #neutral-block>.cardsrow{transform:none}.game-container #neutral-block>.cardsrow,.game-container #neutral-block>.cardsrow>*{transform:rotate(180deg)}.game-container #neutral-block>.cardsrow{z-index:0}.player-crib .cardsrow>div:first-child ul,.player-crib .cardsrow>div:nth-child(3) ul{float:right;margin-right:.5em}.opponent-crib .cardsrow>div:first-child ul,.opponent-crib .cardsrow>div:nth-child(3) ul{float:left;margin-left:.5em}}.cardsrow>div:nth-child(3) ul{margin-right:.2em}.game-container{display:flex;flex-direction:column;padding:1em}.cardsrow{display:flex;justify-content:space-between}.cardsrow>div:first-child,.cardsrow>div:last-child{width:20%}.cardsrow>div:nth-child(2){width:55%}.cardsrow>div{transition:opacity .2s ease}.cardsrow>div.hide{opacity:0}.tactile.table{--btn-background-1:#eaf7e6;--btn-background-2:#eaf7da;--btn-back:var(--buttoncolor);--btn-outline:#3d3f32}.button.tactile.table{font-size:var(--buttonfont-eff-scale);font-weight:700;height:3em;width:100%;margin:1.5rem 0 0}#titleintro{position:fixed;z-index:10;display:block;width:calc(var(--vw-unit)*100);height:calc(var(--vh-unit)*100);top:0;left:0;right:0;bottom:0;background-color:var(--boardcolor);display:flex;justify-content:center;align-items:center;animation:fadeout 1s ease-in 6s 1 forwards}#titleintro span{color:var(--pegholecolor);display:block;text-align:center;opacity:0}#titleintro span:first-child{font-size:3.8em;font-weight:700;animation:fadein 2s ease-in-out 1s 1 forwards,fadeout 1s ease-in 5s 1 forwards}#titleintro span:last-child{font-size:1.3em;animation:fadein 2s ease-in-out 2s 1 forwards,fadeout 1s ease-in 5s 1 forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1;pointer-events:none}to{opacity:0;pointer-events:none}}button,input{font-size:inherit;font-family:inherit;position:relative;cursor:pointer;outline:none;border:0;padding:0;vertical-align:middle;text-decoration:none;color:unset;background-color:unset}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;overflow:hidden}input[type=text]{font-family:ui-monospace,monospace,sans-serif}h3,span{margin:0;padding:0;cursor:default}button span{cursor:pointer}.mono{font-family:ui-monospace,monospace,sans-serif}svg{display:block;width:100%;height:100%}.qr-container{width:calc(100% - 2em);width:calc(min(100% - 2em,60*var(--vh-unit)));width:calc(min(100% - 2em,100 * var(--vh-unit) - 26rem));margin:0 1em;transition:opacity .5s ease-out;opacity:0}.qr-container>canvas{box-shadow:0 0 0 .25em var(--pegholecolor);border-radius:2%}.qr-container.visible{opacity:1}@media (min-aspect-ratio:101/100){.qr-container{width:calc(min(100% - 2em,100 * var(--vh-unit) - 10rem))}}canvas{width:100%;object-fit:contain}.tactile{--btn-outline-scale:0.25rem;--btn-shadow:rgba(0,0,0,.2);width:100%;color:var(--btn-outline);border:var(--btn-outline-scale) solid var(--btn-outline);display:inline-block;border-radius:.75em;text-align:center;margin:0}.tactile,.tactile:not(:has(input:disabled)):not(:has(.notebox)) *{cursor:pointer}.tactile :disabled,.tactile.header,.tactile:disabled,.tactile:has(:disabled){cursor:default}.tactile.topmargin{margin-top:1em}.tactile.botmargin{margin-bottom:1em}@media (min-aspect-ratio:101/100) and (max-height:400px){.tactile.topmargin{margin-top:.4em}}.tactile.splitmargin{margin:.125rem 0}.tactile.botmargin{margin-bottom:.625rem}label.tactile{color:var(--btn-background-1);background:var(--btn-outline);line-height:1.8em;overflow:hidden}label.tactile>*{float:right;font-size:.7em}label.tactile>input{height:100%;width:75%;color:var(--btn-outline);background:var(--btn-background-1);margin-left:.2em;text-align:center;transition:background .15s ease-out,width .15s ease-out,font-size .15s ease-out}.tactile>input[type=checkbox],.tactile>input[type=range]{border-radius:1.07143em}label.tactile>input[type=checkbox]{width:calc(5.71429em - var(--btn-outline-scale)*2*2);background-color:var(--btn-back);z-index:1}label.tactile>input[type=checkbox]:before{display:block;position:absolute;width:calc(2.85714em - var(--btn-outline-scale)*2);height:calc(2.85714em - var(--btn-outline-scale)*2);background:var(--btn-control-color);left:0;border-radius:1.07143em;line-height:2.57143em;color:var(--btn-outline);white-space:nowrap;box-shadow:0 .1em .2em rgba(0,0,0,.2);transition:left .2s cubic-bezier(.3,1.5,.7,1)}label.tactile>input[type=checkbox]:disabled:before{background:var(--btn-control-color-disabled)}label.tactile>input[type=checkbox]:before{content:"on off";text-indent:-1.84em;word-spacing:3.67em}label.tactile>input[type=checkbox].color:before{content:""}label.tactile>input[type=checkbox].color{background-color:var(--boardbluecolor)}label.tactile>input[type=checkbox].color:checked{background-color:var(--cardredcolor)}label.tactile>input[type=checkbox]:checked{background-color:var(--tablecolor);color:var(--btn-control-color)}label.tactile>input[type=checkbox]:checked:before{left:calc(2.85714em - var(--btn-outline-scale)*2);color:var(--btn-control-color)}label.tactile>div.small{font-size:.5em}label.tactile>input::placeholder{color:var(--btn-outline);opacity:.7}label.tactile>input:focus::placeholder{color:transparent}label.tactile>input:invalid{background:var(--btn-back)}label.tactile:has(>input:invalid){color:var(--btn-back)}label.tactile>input[type=text]:focus{cursor:text;color:var(--btn-background-1);background:#fff;color:#000;width:100%;font-size:1em}.button.tactile>button{transform:translateY(-.75rem);transition:transform .15s ease-out,background .15s ease-out,height .2s ease;width:100%;height:100%;display:inline-block;text-align:center;outline:var(--btn-outline-scale) var(--btn-outline) solid;border-radius:.75em;background:var(--btn-background-1)}.button.tactile{background:var(--btn-back)}.button.tactile>button:before{position:absolute;z-index:-1;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;box-shadow:0 .625rem 8px 0 var(--btn-shadow);border-radius:calc(.75em - var(--btn-outline-scale));transform:translateY(.75rem);transition:transform .15s ease-out,box-shadow .15s ease-out}.button.tactile>button:focus,.button.tactile>button:hover{background:var(--btn-background-2);transform:translateY(-.5rem)}.button.tactile>button:focus:before,.button.tactile>button:hover:before{box-shadow:0 .5rem 8px 0 var(--btn-shadow);transform:translateY(.5rem)}.button.tactile>button:active,.button.tactile>button:disabled{outline:var(--btn-outline-scale) transparent solid;transition:outline-color 75ms 75ms,transform .15s ease-out,background .15s ease-out,height .2s ease;background:var(--btn-back);transform:translate(0)}.button.tactile>button:active:before,.button.tactile>button:disabled:before{box-shadow:0 0 var(--btn-shadow);transform:translate(0)}input[type=range]{outline:0;margin:0;border:0;overflow:hidden}label.tactile>input[type=range]{background-color:var(--buttoncolor2);--range-thumb-width:2em}@media screen and (-webkit-min-device-pixel-ratio:0){label.tactile>input[type=range]{-webkit-appearance:none}label.tactile>input[type=range]::-webkit-slider-runnable-track{height:100%;-webkit-appearance:none}label.tactile>input[type=range]::-webkit-slider-thumb{width:var(--range-thumb-width);-webkit-appearance:none;height:100%;width:calc(2.85714em - var(--btn-outline-scale)*2);height:calc(2.85714em - var(--btn-outline-scale)*2);cursor:ew-resize;background-color:var(--btn-background-1);background-color:var(--btn-control-color);border-radius:1.07143em;position:relative;box-shadow:-100vw 0 0 calc(100vw - var(--range-thumb-width)/2) var(--btn-background-1),inset 0 0 0 .2em var(--btn-outline);box-shadow:0 .1em .2em rgba(0,0,0,.2),-100vw 0 0 calc(100vw - var(--range-thumb-width)/2) var(--btn-background-1)}}.header.tactile.board{color:var(--boardcolor);border-radius:.75em .75em 0 0}.list.tactile.board{position:relative;background-color:var(--btn-back);border:.1em solid var(--pegholecolor);height:3.1em;display:flex;align-items:center;overflow:hidden;margin-top:-.1em;border-radius:0;transition:height .25s ease-out}.list.tactile.board.delete{height:0}.list.tactile.board.new{background-color:var(--btn-background-1)}.list.tactile.board.fitcontent{height:fit-content}.fullscreen-flex-all+.list.tactile.board,.fullscreen-flex-tall+.list.tactile.board,.fullscreen-flex-wide+.list.tactile.board,.list.tactile.board.solo{margin-top:0}.header.list.tactile.board{background-color:var(--pegholecolor);font-size:.5em;height:1.5em;display:block}div:first-child>.list.tactile.board:first-child{border-radius:.75em .75em 0 0}div:last-child>.list.tactile.board:last-child{border-radius:0 0 .75em .75em}.list.tactile.board.solo{border-radius:.75em}@media (min-aspect-ratio:101/100){.list.tactile.board:first-child{border-radius:0 .75em 0 0}div:first-child>.list.tactile.board:first-child{border-radius:.75em 0 0 0}div:only-child>.list.tactile.board:first-child{border-radius:.75em .75em 0 0}.list.tactile.board:last-child{border-radius:0 0 0 .75em}div:last-child>.list.tactile.board:last-child{border-radius:0 0 .75em 0}div:only-child>.list.tactile.board:last-child{border-radius:0 0 .75em .75em}.list.tactile.board.solo{border-radius:.75em}}.list.tactile.board>.overlay{position:absolute;width:100%;height:100%;margin-left:0!important;display:flex;background-color:transparent;pointer-events:none;visibility:hidden}.list.tactile.board>.overlay.show{pointer-events:all;visibility:visible}.list.tactile.board>.overlay>.info{height:100%;width:3em;display:flex;justify-content:center;align-items:center}.list.tactile.board>.overlay>.info>span{padding-bottom:.58em;font-size:2em;color:var(--btn-control-color)}.listbox{height:100%;width:calc(100% - 3.1em);box-shadow:-.1em 0 0 0 var(--pegholecolor);margin-left:.1em}.listbox>div:first-child{height:40%;width:100%;display:table}.listbox:not(:has(~.overlay.show))>div:first-child:last-child{height:100%}.listbox>.name{white-space:nowrap;text-align:left}.listbox>.name>span{font-family:ui-monospace,monospace,sans-serif;padding-left:.2em;display:table-cell;vertical-align:middle;font-size:.58em}.overlay.show .listbox>.name>span{background-color:var(--btn-back)}.new>.overlay.show .listbox>.name>span{background-color:var(--btn-background-1)}.rank .listbox>.name>span,.rank>.overlay.show .listbox>.name>span{background-color:var(--list-rank-new-color);color:var(--btn-control-color)}.listbox>.headrow{height:20%;width:100%;display:table;white-space:nowrap;background-color:var(--pegholecolor)}.listbox>.headrow>span{color:var(--btn-back);font-size:.4em;display:table-cell;vertical-align:middle;width:50%;height:100%;padding-right:.25em}.listbox>.headrow>span:last-child{padding-right:unset}.listbox>.score{box-shadow:0 -.1em 0 0 var(--pegholecolor);height:40%;height:calc(40% - .2em);width:100%;display:table;white-space:nowrap}.listbox>.score>span{display:table-cell;vertical-align:middle;width:50%;height:100%;padding-right:.1em}.listbox>.score>span.red{color:var(--btn-control-color);background-color:var(--boardredcolor)}.listbox>.score>span.green{color:var(--btn-control-color);background-color:var(--list-rank-new-color)}.listbox.one>.score>span:first-child,.listbox.two>.score>span:last-child{background-color:var(--cardredcolor);color:var(--btn-control-color)}.listbox.one>.score>span:last-child,.listbox.two>.score>span:first-child{background-color:var(--cardcolor);color:var(--btn-control-color)}.listbox>.score>span:not(:first-child){box-shadow:-.1em 0 0 0 var(--pegholecolor);padding-right:unset}.avatar.list{height:100%;width:3em;background-color:var(--cardcolor)}.avatar.list.color{background-color:var(--cardredcolor)}.avatar.list.nocolor{background-color:unset}.avatar.list>svg{height:89.5%}.list.tactile.board>.overlay:not(.show){transition:visibility 0s .1s}.avatar.list>svg{transition:filter .1s ease-out}.list.tactile.board>.overlay .headrow,.list.tactile.board>.overlay .score{transition:transform .1s ease-out}.list.tactile.board>.overlay .name,.list.tactile.board>.overlay>.info{transition:opacity .1s ease-out}.list.tactile.board>.overlay .headrow{transform:translateX(100%)}.list.tactile.board>.overlay.show .headrow{transform:translateX(0)}.list.tactile.board>.overlay .score{transform:translateY(100%)}.list.tactile.board>.overlay.show .score{transform:translateY(0)}.list.tactile.board>.listbox>div:first-child{transition:height .1s ease-out}.list.tactile.board>.overlay .name,.list.tactile.board>.overlay>.info{opacity:0}.list.tactile.board>.overlay.show .name,.list.tactile.board>.overlay.show>.info{opacity:1}.avatar.list:has(~.overlay.show)>svg{filter:grayscale(100%) brightness(30%);animation:filterfix 1s infinite}.notebox{height:100%;width:100%;display:block;background-color:var(--btn-background-1);padding:.2375em .475em 0;cursor:default}.notebox *{user-select:text;-webkit-user-select:text;-webkit-touch-callout:text}.notebox>a,.notebox>span{text-align:left;vertical-align:baseline}.notebox>*{width:100%;display:table}.notebox>.head{height:25%}.notebox>.author{height:11%;font-size:.26em}.notebox>.body{height:64%;font-size:.435em}.notebox>.body.small{font-size:.36em;padding-top:.055em}.notebox>.body>li{font-size:.8em}.notebox>.head>a{color:var(--btn-outline);white-space:nowrap;text-align:left;font-family:ui-monospace,monospace,sans-serif;display:table-cell;font-size:.55em}@media (max-width:450px){.notebox>.head>a.small{font-size:.42em;padding-top:.13em}}.notebox>.head>span{display:table-cell;text-align:right;font-style:italic;white-space:nowrap;opacity:.8;font-size:.3em}.notebox>.noterow{font-size:.5em}.notebox>.noterow>*{display:table-cell}.notebox>.noterow>:first-child{text-align:left}.notebox>.noterow>:last-child{text-align:right}.textblock>a{text-decoration:underline}.textblock>a,.textblock>span{color:var(--pegholecolor)}.textblock{max-width:16em;margin:.5em 0}.textblock>*{font-size:.45em;display:inline}.textblock.large>*{font-size:.6em}.floattext{position:absolute;background-color:var(--tableaccent);font-size:calc(var(--cardspread-eff-scale)*.3);z-index:1;font-weight:700;text-align:center;border-radius:1em;line-height:1.5em;white-space:nowrap;overflow:hidden;box-shadow:0 5px 20px 0 rgba(0,0,0,.2);width:calc(var(--cardspread-eff-scale)*1);opacity:1;color:var(--textcolor);transition:width .4s ease,opacity .4s ease,box-shadow .4s ease,color .4s ease .4s}.floattext-container{display:flex;justify-content:center;align-items:center;z-index:2}.opponent-crib .neutraltext.pin,.player-crib .neutraltext.pin{align-items:end}.player-crib .neutraltext.pin{margin-bottom:1em}@media (min-aspect-ratio:101/100){.game-container .neutraltext,.game-container .neutraltext.pin{align-items:start;margin-bottom:unset}.neutraltext.pin>:first-child{margin-top:calc(var(--cardspread-eff-scale)*1.1)}.neutraltext:not(.pin){transform:translateX(100%)}}.floattext.count:has(>span:empty){color:var(--tableaccent)}.floattext.wide1{width:4em}.floattext.wide2{width:5.5em}.floattext.wide3{width:8.6em}.floattext.wide4{width:11em}.floattext.wide5{width:12.6em}.floattext span.soft{color:var(--textcolor2)}.floattext span.blue{color:var(--boardbluecolor)}.floattext span.red{color:var(--boardredcolor)}.floattext span.invalid{text-decoration:line-through}.floattext.hide{box-shadow:none;width:0;opacity:0;color:var(--tableaccent);transition:width .4s ease,opacity .2s ease,color .2s ease}span.action-icon{content:url(/asset/action-icon.svg);height:.8em}span.svg-char{height:.8em}span>svg{display:inline;height:1em;width:1em}#pulldown-menu{--pulldown-scale:2.4;font-size:calc(1em*var(--pulldown-scale));font-weight:700;height:0;position:fixed;left:calc(var(--boardwidth)/var(--pulldown-scale) - 1px);top:calc(var(--boardwidth)/var(--pulldown-scale) - 1px);width:calc(100% - var(--boardwidth)/var(--pulldown-scale)*2 + 2px);left:calc(var(--boardwidth)/var(--pulldown-scale) + env(safe-area-inset-left) - 1px);width:calc(100% - var(--boardwidth)/var(--pulldown-scale)*2 - env(safe-area-inset-left) - env(safe-area-inset-right) + 2px)}#pulldown-menu.show{height:calc(9em + 1.825rem)}#pulldown-menu.show.fullscreen{height:calc(var(--vh-unit)*100 - var(--boardwidth)/var(--pulldown-scale)*2 + 2px)}#pulldown-menu.show.fullscreen+#mainscreen{visibility:hidden;transition:visibility 0s ease .3s}.pd-header{font-size:.8em;color:var(--pegholecolor);white-space:nowrap;opacity:0}.pd-header.unhide{opacity:1;transition:opacity .5s ease-out}#notifybar.show+#pulldown-menu #pd-button{opacity:0}#notifybar:not(.show)+#pulldown-menu #pd-button{transition:opacity .5s ease-out .6s}.boardlink{color:var(--pegholecolor);height:calc(2em + .625rem);display:flex;align-items:center;justify-content:center;text-decoration:underline;font-size:.8em}#pulldown-menu .pd-header:empty,.menupane .pd-header{display:none}#pd-button{background-color:var(--boardcolor);transition:background-color .2s ease,opacity .1s ease;width:100%;height:1em;border-radius:calc(1.1em/var(--pulldown-scale)) calc(1.1em/var(--pulldown-scale)) 0 0;cursor:pointer;justify-content:center}#pd-button,#pd-button>div{display:flex;align-items:center}#pd-button>div{white-space:nowrap;justify-content:space-between;margin:0 .2em}#pd-button #pd-hamburger{margin-right:.2em}#pulldown-menu.notoggle #pd-button #pd-hamburger{margin-right:0}#pulldown-menu:not(.show) #pd-button:has(.pd-header.color) .pd-header{color:var(--boardbluecolor)}#pulldown-menu:not(.show) #pd-button:has(.pd-header.color) #pd-hamburger>div{background-color:var(--boardbluecolor)}#pulldown-menu:not(.show) #pd-button:has(.pd-header.color.red) .pd-header{color:var(--boardredcolor)}#pulldown-menu:not(.show) #pd-button:has(.pd-header.color.red) #pd-hamburger>div{background-color:var(--boardredcolor)}#pd-hamburger>div{transition:transform .3s ease-out,width .3s ease-out,margin .3s ease-out}#pulldown-menu{transition:height .3s ease}#pulldown-menu.show #pd-hamburger:hover>div{transition:transform .3s ease-out,background-color .2s ease}#pd-hamburger{display:grid;grid-template-rows:repeat(3,1fr);justify-items:center;width:1em;height:1em}.animate{left:0;top:0;position:relative;--duration:0.1s}.animate.do{transition:left var(--duration) ease-in-out,top var(--duration) ease-in-out,transform var(--duration) ease-in-out}#pd-navbar{display:flex;flex-direction:column;justify-content:flex-start;height:100%}#pulldown-menu.show #pd-navbar{box-shadow:0 1.2em 1.2em -1.2em rgba(0,0,0,.3)}#pulldown-menu.show.fullscreen #pd-navbar{box-shadow:none}#pulldown-menu.show #pd-navbar{transition:box-shadow .1s ease-in-out .3s}#pd-hamburger>div{background-color:var(--pegholecolor);width:1em;height:.1em;border-radius:.1em;margin-top:.1em;position:relative}#pulldown-menu.show:not(.notoggle) #pd-button{background-color:var(--pegholecolor);cursor:pointer}#pulldown-menu.show:not(.notoggle) #pd-button span{color:var(--boardcolor)}#pulldown-menu.show:not(.notoggle) #pd-button #pd-hamburger>div{background-color:var(--boardcolor)}#pulldown-menu.notoggle #pd-hamburger{width:0}#pulldown-menu.notoggle #pd-hamburger>div.pdh-bottom,#pulldown-menu.notoggle #pd-hamburger>div.pdh-middle,#pulldown-menu.notoggle #pd-hamburger>div.pdh-top{transform:scale(0)!important}#pulldown-menu.show #pd-hamburger .pdh-top{transform:rotate(-45deg);margin-top:.44em}#pulldown-menu.show #pd-hamburger .pdh-middle{transform:rotate(45deg);margin-top:-.1em}#pulldown-menu.show #pd-hamburger .pdh-bottom{transform:scale(0)}#pulldown-menu.show #pd-hamburger.back .pdh-top{transform:rotate(-26.565deg);width:.79056em;margin-top:.263223em}#pulldown-menu.show #pd-hamburger.back .pdh-middle{transform:rotate(26.565deg);width:.79056em;margin-top:.253553em}#pulldown-menu.show .pd-menunav{flex:1}.pd-menunav{display:flex;flex-direction:column;flex:none;background-color:var(--boardcolor);text-align:center;height:0;overflow:hidden;border-radius:0 0 calc(1.1em/var(--pulldown-scale)) calc(1.1em/var(--pulldown-scale))}.pd-menunav>:first-child{margin-top:.625rem}.tactile-margin{margin-top:.75rem}.pd-menunav{transition:flex .3s ease-out}.tactile.board{--btn-background-1:var(--boardcolorlight);--btn-background-2:#e7bd79;--btn-back:var(--buttoncolor2);--btn-outline:var(--pegholecolor);height:2em}#pd-menuslide{height:calc(100% - .625rem)}.menupane{height:100%;width:33.33333%;float:left;background-color:var(--boardcolor);display:flex;flex-direction:column;overflow:hidden;border-radius:0 0 calc(1.1em/var(--pulldown-scale)) calc(1.1em/var(--pulldown-scale))}.menupane>div{margin-bottom:.625rem;height:100%}.menupane>div.scroll::-webkit-scrollbar{display:none}.menupane>div.scroll{margin-bottom:0;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}div.scroll:before{position:absolute;content:"";display:block;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;transition:box-shadow .4s ease}div.scroll.noshadow:before{opacity:0}div.scroll.top:before{box-shadow:inset 0 1.2em 1.2em -1.2em rgba(0,0,0,.3)}div.scroll.bottom:before{box-shadow:inset 0 -1.2em 1.2em -1.2em rgba(0,0,0,.3)}div.scroll.top.bottom:before{box-shadow:inset 0 1.2em 1.2em -1.2em rgba(0,0,0,.3),inset 0 -1.2em 1.2em -1.2em rgba(0,0,0,.3)}.flex-container{display:flex}.flex-container.column{flex-direction:column}.flex-container.row{flex-direction:row}.flex-container.dynamic{flex-direction:column}@media (min-aspect-ratio:101/100){.flex-container .dynamic{flex-direction:row}}.flex-all,.fullscreen .fullscreen-flex-all{flex-grow:1}@media (max-aspect-ratio:101/100){.flex-tall,.fullscreen .fullscreen-flex-tall{flex-grow:1}}@media (min-aspect-ratio:101/100){.flex-wide,.fullscreen .fullscreen-flex-wide{flex-grow:1}}.fullscreen-show-tall{display:none}@media (max-aspect-ratio:101/100){.fullscreen .fullscreen-show-tall{display:flex}}#pd-menuslide{width:300%}#pd-menuslide.two .menupane{transform:translateX(-100%)}#pd-menuslide.three .menupane{transform:translateX(-200%)}#pd-menuslide.one .menupane:first-child{visibility:unset;transition:transform .3s ease-in-out,visibility 0s}#pd-menuslide.one .menupane:not(:first-child){visibility:hidden;transition:transform .3s ease-in-out,visibility 0s .3s}#pd-menuslide.two .menupane:nth-child(2){visibility:unset;transition:transform .3s ease-in-out,visibility 0s}#pd-menuslide.two .menupane:not(:nth-child(2)){visibility:hidden;transition:transform .3s ease-in-out,visibility 0s .3s}#pd-menuslide.three .menupane:nth-child(3){visibility:unset;transition:transform .3s ease-in-out,visibility 0s}#pd-menuslide.three .menupane:not(:nth-child(3)){visibility:hidden;transition:transform .3s ease-in-out,visibility 0s .3s}#notifybar{position:fixed;left:var(--boardwidth);top:var(--boardwidth);width:calc(100% - var(--boardwidth)*2);left:calc(var(--boardwidth) + env(safe-area-inset-left) - 1px);width:calc(100% - var(--boardwidth)*2 - env(safe-area-inset-left) - env(safe-area-inset-right) + 2px);z-index:4;display:flex;align-items:center;justify-content:center;background-color:var(--pegholecolor);border-radius:1.1em;overflow:hidden;height:0}#notifybar.pan{justify-content:left}#notifybar.pan>span{transition:transform 3s ease 1s}#notifybar.transition{transition:height .5s ease-out}#notifybar.show{height:2.3em}#notifybar>span{font-weight:700;font-size:2em;color:var(--boardcolor);white-space:nowrap;margin-right:.2em;margin-left:.2em}@media (min-aspect-ratio:101/100){#notifybar{justify-content:right}}.live-avatar{transition:transform .2s cubic-bezier(0,-.33,.61,1.18)}.radial-menu.show .live-avatar{transform:scale(.6)}.live-avatar{width:100%;height:100%;padding-bottom:.625rem}.live-avatar>svg{filter:drop-shadow(0 .625rem 8px rgba(0,0,0,.3))}.radial-menu.show .live-avatar>svg{filter:none}.radial-menu:not(.show) .live-avatar>svg{animation:filterfix 1s infinite}.radial-dropdown{position:absolute;top:-1.2em;overflow:hidden;height:0;opacity:0;transition:opacity .4s cubic-bezier(0,-.33,.61,1.18),height 0s .4s}div:has(>.radial-dropdown){position:relative}.radial-dropdown.show{height:10em;opacity:1;transition:opacity .4s cubic-bezier(0,-.33,.61,1.18) .2s,height 0s}.radial-dropdown+div{transition:opacity .4s ease .2s,visibility 0s .15s}.radial-dropdown.show+div{transition:opacity .4s ease,visibility 0s .4s;opacity:0;visibility:hidden}.radial-dropdown>[class*=rd-]{display:none}.radial-dropdown.rd-acc>.rd-acc:not(.disabled),.radial-dropdown.rd-clothing>.rd-clothing:not(.disabled),.radial-dropdown.rd-face>.rd-face:not(.disabled),.radial-dropdown.rd-facehair>.rd-facehair:not(.disabled),.radial-dropdown.rd-hair>.rd-hair:not(.disabled),.radial-dropdown.rd-skin>.rd-skin:not(.disabled),.radial-dropdown:not([class*=rd-])>.rd-blank:not(.disabled){display:inline-block}.radial-menu{max-height:calc(var(--vh-unit)*40);position:relative}@media (min-aspect-ratio:101/100){.radial-menu{margin-bottom:1em}}.radial-menu a{padding:0 .2em}.menu-item a.disabled{pointer-events:none;color:transparent;text-shadow:0 0 0 var(--boardcolor)}.menu-item.show a.disabled{text-shadow:0 0 0 var(--pegholecolor)}.radial-menu:not(.show)>ul{pointer-events:none}.radial-menu.show>ul .menu-item{z-index:1;opacity:1;transition:opacity .2s ease,transform .4s ease,width .2s ease}.radial-menu>ul{--menu-radial-globaloffset:120deg;--menu-radial-showoffset:270deg;--menu-radial-step:180deg}.radial-menu>ul:has(>.menu-item:nth-child(3)){--menu-radial-step:120deg}.radial-menu>ul:has(>.menu-item:nth-child(4)){--menu-radial-step:90deg}.radial-menu>ul:has(>.menu-item:nth-child(5)){--menu-radial-step:72deg}.radial-menu>ul:has(>.menu-item:nth-child(6)){--menu-radial-step:60deg}.radial-menu>ul:has(>.menu-item:nth-child(7)){--menu-radial-step:51.5deg}.radial-menu.show>ul:has(>.menu-item.show:first-child){--menu-radial-globaloffset:calc(var(--menu-radial-showoffset))}.radial-menu.show>ul:has(>.menu-item.show:nth-child(2)){--menu-radial-globaloffset:calc(var(--menu-radial-showoffset) - var(--menu-radial-step)*1)}.radial-menu.show>ul:has(>.menu-item.show:nth-child(3)){--menu-radial-globaloffset:calc(var(--menu-radial-showoffset) - var(--menu-radial-step)*2)}.radial-menu.show>ul:has(>.menu-item.show:nth-child(4)){--menu-radial-globaloffset:calc(var(--menu-radial-showoffset) - var(--menu-radial-step)*3)}.radial-menu.show>ul:has(>.menu-item.show:nth-child(5)){--menu-radial-globaloffset:calc(var(--menu-radial-showoffset) - var(--menu-radial-step)*4)}.radial-menu.show>ul:has(>.menu-item.show:nth-child(6)){--menu-radial-globaloffset:calc(var(--menu-radial-showoffset) - var(--menu-radial-step)*5)}.radial-menu.show>ul .menu-item:first-child{--menu-radial-offset:0deg}.radial-menu.show>ul .menu-item:nth-child(2){--menu-radial-offset:calc(var(--menu-radial-step)*1)}.radial-menu.show>ul .menu-item:nth-child(3){--menu-radial-offset:calc(var(--menu-radial-step)*2)}.radial-menu.show>ul .menu-item:nth-child(4){--menu-radial-offset:calc(var(--menu-radial-step)*3)}.radial-menu.show>ul .menu-item:nth-child(5){--menu-radial-offset:calc(var(--menu-radial-step)*4)}.radial-menu.show>ul .menu-item:nth-child(6){--menu-radial-offset:calc(var(--menu-radial-step)*5)}.radial-menu.show>ul .menu-item:nth-child(7){--menu-radial-offset:calc(var(--menu-radial-step)*6)}.radial-menu.show>ul .menu-item{--menu-radial-position:calc(var(--menu-radial-globaloffset) + var(--menu-radial-offset));transform:rotate(var(--menu-radial-position)) translateX(calc(0em - var(--menu-radial-radius)))}.radial-menu.show>ul .menu-item span{transform:rotate(calc(0deg - var(--menu-radial-position)))}.radial-menu.show>ul .menu-item a:active{transform:rotate(calc(0deg - var(--menu-radial-position))) scale(1.1)}.radial-menu .menu-item:not(.show) a{pointer-events:none}.radial-menu .menu-item:not(.show) a:not(:first-child){display:none}.menu-item{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:2em;height:2em;display:block;opacity:0;transition:opacity .2s ease,transform .4s ease;--menu-radial-radius:calc(min(16em / 3, 30 * var(--vw-unit), 20 * var(--vh-unit)))}.menu-item.show{z-index:1}.menu-item.show span{background:var(--boardcolorlight)}.menu-item.show:has(a:nth-child(2)){width:3.4em}.menu-item.show:has(a:nth-child(3)){width:4.8em}.menu-item.show:has(a:nth-child(4)){width:3.4em;height:3em}.menu-item.show:has(a:nth-child(4)) span{line-height:1.2em;padding-top:.3em}.menu-item span{display:block;width:inherit;height:inherit;line-height:2em;overflow:hidden;background:var(--pegholecolor);box-shadow:0 0 0 4px var(--pegholecolor);border-radius:50%;text-align:center;text-decoration:none;font-size:1em;transition:transform .4s ease}.menu-item span:active{background:var(--buttoncolor2)}@media (min-aspect-ratio:1/2) and (max-aspect-ratio:3/2){@media (max-height:500px){#plyr-block>div:nth-child(2){margin-bottom:.25em}}@media (max-height:250px){.game-container{padding:.2em}}}@media (min-aspect-ratio:101/100){.game-container{flex-direction:row}.game-container>div{flex:50%}.cardsrow{flex-direction:column;flex-grow:1}.cardsrow>div:nth-child(n){width:100%}#plyr-block{display:flex;flex-direction:column}#plyr-block>div:first-child{flex-grow:1}#pulldown-menu.show{height:calc(5em + 1.825rem)}#pd-button{justify-content:right}}