.AboutPage{margin:0 auto;overflow:hidden;padding:16px 60px}.AboutPage .AboutPage__Content{margin:0 auto;max-width:1440px}@media(max-width:768px){.AboutPage{padding:0 20px}}.UserAvatar{border:4px solid rgba(0,0,0,.2);border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.5);height:100%;min-height:12px;min-width:12px;overflow:hidden;position:relative;width:100%}.UserAvatar .UserAvatar__ImageContainer{line-height:0}.UserAvatar .UserAvatar__ImageContainer img{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5)) drop-shadow(0 0 8px rgba(0, 0, 0, .5));height:auto;max-height:100%;max-width:100%;width:auto}.UserAvatar.UserAvatar--small{border-width:2px}.UserAvatar.UserAvatar--small .UserAvatar__ImageContainer{padding:10%}.UserAvatar.UserAvatar--medium{border-width:3px}.UserAvatar.UserAvatar--medium .UserAvatar__ImageContainer{padding:12%}.UserAvatar.UserAvatar--large .UserAvatar__ImageContainer{padding:15%}.PopoutPicker .PopoutPicker__Arrow,.PopoutPicker .PopoutPicker__List{left:100%}.PopoutPicker .PopoutPicker__Arrow{border:9px solid transparent;border-right-color:rgba(0,0,0,.7);height:18px;position:absolute;top:8px;width:18px;z-index:1}.PopoutPicker .PopoutPicker__List{background:rgba(0,0,0,.7);border-radius:8px;box-shadow:3px 3px 8px rgba(0,0,0,.5);margin-left:18px;max-height:305px;overflow-x:hidden;position:absolute;scrollbar-width:none;top:-4px;width:200px}.PopoutPicker .PopoutPicker__List::-webkit-scrollbar{display:none}.PopoutPicker .PopoutPicker__Search{padding:8px}.PopoutPicker .PopoutPicker__Search input{background:hsla(0,0%,100%,.1);border:0;border-radius:4px;color:inherit;flex:1;font:inherit;height:100%;margin:0;outline:0;padding:8px;transition:.2s all;width:100%}.PopoutPicker .PopoutPicker__Search input:invalid{color:#ef5350}.PopoutPicker .PopoutPicker__Search input::-moz-placeholder{color:hsla(0,0%,100%,.2)}.PopoutPicker .PopoutPicker__Search input::placeholder{color:hsla(0,0%,100%,.2)}.PopoutPicker .PopoutPicker__OptionSection{display:grid;grid-template-columns:repeat(5,40px)}.PopoutPicker .PopoutPicker__Header{font-size:18px;font-weight:900;grid-column:1/-1;padding:12px;text-align:left}.PopoutPicker .PopoutPicker__Option{align-items:center;background-color:rgba(0,0,0,0);cursor:pointer;display:flex;font-size:16px;height:40px;opacity:.7;overflow:hidden;text-overflow:ellipsis;transition:.2s all;white-space:nowrap;width:40px}.PopoutPicker .PopoutPicker__Option:hover{background-color:#000;opacity:1}.PopoutPicker .PopoutPicker__Option .PopoutPicker__OptionDot{flex:0 0 16px;height:16px;width:16px;border-radius:50%;margin:12px}.PopoutPicker .PopoutPicker__Option .PopoutPicker__OptionIcon{flex:0 0 24px;height:24px;width:24px;margin:8px}.UserAvatarEditor{display:flex;flex-direction:column;gap:12px;justify-content:center}.UserAvatarEditor .UserAvatarEditor__Control{position:relative;z-index:1}.UserAvatarEditor .UserAvatarEditor__Color,.UserAvatarEditor .UserAvatarEditor__Icon,.UserAvatarEditor .UserAvatarEditor__Random{border:2px solid rgba(0,0,0,.2);border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.5);cursor:pointer;flex:0 0 32px;height:32px;padding:4px;width:32px}.UserAvatarEditor .UserAvatarEditor__Icon{background:#333}.UserAvatarEditor .UserAvatarEditor__Icon img{height:100%;width:100%}.UserAvatarEditor .UserAvatarEditor__Random{align-items:center;background:#333;display:flex;justify-content:center;padding:0}.UserAvatarEditor .UserAvatarEditor__Random i{color:hsla(0,0%,100%,.8)}.ConfigureUserPane{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:24px}.ConfigureUserPane h2{font:900 32px var(--header-font-face);margin:0}.ConfigureUserPane .ConfigureUserPane__Avatar{align-items:center;display:flex;padding:4px}.ConfigureUserPane .ConfigureUserPane__Avatar .UserAvatar{height:108px;margin-right:16px;width:108px}.ConfigureUserPane .ConfigureUserPane__Name{display:flex;flex-direction:column;gap:12px;min-width:50%;position:relative}.ConfigureUserPane .ConfigureUserPane__NamePanel{align-items:center;background:rgba(0,0,0,.1);border-radius:8px;display:flex}.ConfigureUserPane .ConfigureUserPane__NamePanel:focus-within{background:rgba(0,0,0,.2)}.ConfigureUserPane .ConfigureUserPane__NamePanel input[type=text]{background:0 0;border:0;color:inherit;flex:1;font:900 24px var(--body-font-face);height:100%;margin:0;outline:0;padding:6px 0;text-align:center;transition:.2s all;width:100%}.ConfigureUserPane .ConfigureUserPane__NamePanel input[type=text]:invalid{color:#ef5350}.ConfigureUserPane .ConfigureUserPane__NamePanel input[type=text]::-moz-placeholder{color:rgba(0,0,0,.2)}.ConfigureUserPane .ConfigureUserPane__NamePanel input[type=text]::placeholder{color:rgba(0,0,0,.2)}.ConfigureUserPane .ConfigureUserPane__NamePanel button.ConfigureUserPane__NameRandomizer{background:0 0;border:0;color:inherit;cursor:pointer;flex:0;opacity:.6;outline:0;position:absolute;right:0;text-shadow:0 2px 3px rgba(0,0,0,.5);transition:.2s opacity}.ConfigureUserPane .ConfigureUserPane__NamePanel button.ConfigureUserPane__NameRandomizer:hover{opacity:1}.ConfigureUserPane input[type=submit]{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;font-size:20px}.ConfigureUserPane input[type=submit]:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.ConfigureUserPane input[type=submit]:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.Tooltip{background:hsla(0,0%,100%,.9);border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.5);color:#232323;font-size:16px;left:50%;line-height:160%;min-width:180px;padding:8px;pointer-events:none;position:absolute;text-align:center;text-shadow:none;transform:translateX(-50%);transition:.2s opacity}:export{pegColorRed:#cf3b3b;pegColorBlue:#457df7;pegColorGreen:#43bb5d;pegColorGold:#f7d931;pegColorSilver:#e0e0e0;pegColorBronze:#ec965c;pegSpacing:9px}:export{pegColorRed:#cf3b3b;pegColorBlue:#457df7;pegColorGreen:#43bb5d;pegColorGold:#f7d931;pegColorSilver:#e0e0e0;pegColorBronze:#ec965c;pegSpacing:9px}.CribbagePeg{background:#fff;border-radius:50%;box-shadow:0 2px 3px #000;cursor:pointer;height:7px;margin-left:-2px;margin-top:-2px;position:absolute;transition:.5s left,.5s top;width:7px}.CribbagePeg.CribbagePeg--red{background:#cf3b3b}.CribbagePeg.CribbagePeg--blue{background:#457df7}.CribbagePeg.CribbagePeg--green{background:#43bb5d}.CribbagePeg.CribbagePeg--gold{background:linear-gradient(#f7d931 0,#947e04 100%)}.CribbagePeg.CribbagePeg--silver{background:linear-gradient(#e0e0e0 0,#969696 100%)}.CribbagePeg.CribbagePeg--bronze{background:linear-gradient(#ec965c 0,#814015 100%)}.CribbagePeg .Tooltip{bottom:10px;min-width:40px;opacity:0;position:absolute;white-space:nowrap;z-index:99}.CribbagePeg:hover .Tooltip{opacity:1}:export{pegColorRed:#cf3b3b;pegColorBlue:#457df7;pegColorGreen:#43bb5d;pegColorGold:#f7d931;pegColorSilver:#e0e0e0;pegColorBronze:#ec965c;pegSpacing:9px}.CribbagePegHole{background:rgba(0,0,0,.7);border-radius:50%;height:3px;position:absolute;transition:.5s left,.5s top;width:3px}:export{pegColorRed:#cf3b3b;pegColorBlue:#457df7;pegColorGreen:#43bb5d;pegColorGold:#f7d931;pegColorSilver:#e0e0e0;pegColorBronze:#ec965c;pegSpacing:9px}.CribbageBoard{border:3px solid rgba(0,0,0,.2);box-shadow:0 3px 8px rgba(0,0,0,.7);height:117px;position:relative;width:495px}.CribbageBoard.CribbageBoard--wood{background:linear-gradient(63deg,rgba(0,0,0,.1) 23%,transparent 23%) 7px 0,linear-gradient(63deg,transparent 74%,rgba(0,0,0,.1) 78%),linear-gradient(63deg,transparent 34%,rgba(0,0,0,.1) 38%,rgba(0,0,0,.1) 58%,transparent 62%),#61553d;background-size:16px 48px}.CribbageBoard.CribbageBoard--metal{background:linear-gradient(130deg,#999 20%,#ddd 40%,#999 70%);border-color:rgba(0,0,0,.7);box-shadow:0 3px 8px rgba(0,0,0,.7),inset 0 0 16px #000}.GamePlayAreaStatus{font:18px var(--body-font-face);letter-spacing:1px;text-align:center;text-shadow:0 3px 5px rgba(0,0,0,.8)}.GamePlayAreaStatus.GamePlayAreaStatus--Self{color:#fff280;font-weight:600}.PlayAreaActions{position:relative}.PlayAreaActions__Menu{align-items:center;background:rgba(0,0,0,.4);border-radius:8px;color:rgba(248,248,248,.6);display:flex;font:100 16px var(--body-font-face);justify-content:center}.PlayAreaActions__Menu>:hover{color:#f7f7f7}.PlayAreaActions__Menu.PlayAreaActions__Submenu{bottom:48px;position:absolute;z-index:90}.PlayAreaActions__Menu .PlayAreaActions__MyScore{margin:0 16px;position:relative}.PlayAreaActions__Menu .PlayAreaActions__MyScore .PlayingCardHandTooltip{bottom:34px;opacity:0;z-index:95}.PlayAreaActions__Menu .PlayAreaActions__MyScore:hover .PlayingCardHandTooltip{opacity:1}.PlayAreaActions__Menu button{background:0 0;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:900;margin:0 16px;outline:0;padding:8px 0;position:relative;transition:.15s opacity}.PlayAreaActions__Menu button:disabled{opacity:.4}.PlayAreaActions__Menu button.PlayAreaActions__SendEmoji{line-height:0;margin:0 8px}.PlayAreaActions__Menu button.PlayAreaActions__SendEmoji img{height:auto;opacity:.6;transition:.15s opacity;width:18px}.PlayAreaActions__Menu button.PlayAreaActions__SendEmoji img:hover{opacity:1}.PlayAreaActions__Menu button.PlayAreaActions__SortSelector{line-height:0;margin-left:0}.CopyrightText.CopyrightText--Style-standard{display:inline}.GameRoomLabel{display:flex;flex-direction:column}.GameRoomLabel .GameRoomLabel__Data{display:flex;flex-direction:row}.GameRoomLabel .GameRoomLabel__Data>div{cursor:default;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;flex:1;font:24px var(--header-font-face);right:16px;text-align:center;top:16px;z-index:10}.GameRoomLabel .GameRoomLabel__Data>div:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.GameRoomLabel .GameRoomLabel__Data>div:disabled{box-shadow:none;opacity:.4}.GameRoomLabel .GameRoomLabel__Data>div .GameRoomLabel__Header{font-size:12px;white-space:nowrap}.GameRoomLabel .GameRoomLabel__Data .GameRoomLabel__Name{flex:1;margin-right:8px;overflow:hidden}.GameRoomLabel .GameRoomLabel__Data .GameRoomLabel__Name .GameRoomLabel__Body{overflow:hidden;text-overflow:ellipsis}.GameRoomLabel .GameRoomLabel__Data .GameRoomLabel__RoomCode{flex:0}.GameRoomLabel .GameRoomLabel__Data .GameRoomLabel__RoomCode .GameRoomLabel__Body{white-space:nowrap}.GameRoomLabel .GameRoomLabel__Actions{display:flex;margin-top:8px}.GameRoomLabel .GameRoomLabel__Actions button{flex:1}.GameRoomLabel .GameRoomLabel__Actions button.GameRoomLabel__Leave{cursor:pointer;color:#f44336;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all}.GameRoomLabel .GameRoomLabel__Actions button.GameRoomLabel__Leave:hover{background:#f44336;color:#fff}.GameRoomLabel .GameRoomLabel__Actions button.GameRoomLabel__Leave:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.GameRoomLabel .GameRoomLabel__Actions button.GameRoomLabel__Leave:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.PlayAreaSidebar{display:flex;gap:8px;transition:.5s ease-in-out width;width:300px;z-index:99}.PlayAreaSidebar.PlayAreaSidebar--Closed{width:0}.PlayAreaSidebar .PlayAreaSidebar__Content{background:rgba(0,0,0,.4);border-radius:16px 0 0 16px;box-shadow:-8px 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;font:18px var(--body-font-face);margin:8px 0;min-width:300px;padding:16px;position:relative;width:300px;z-index:9}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__Toggle{align-items:center;background:rgba(0,0,0,.34);border-radius:8px 0 0 8px;box-shadow:-8px 0 12px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font:18px var(--icon-font-face);height:70px;left:-18px;padding-bottom:2px;position:absolute;width:18px}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__ActionButton{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;margin-top:8px;width:100%}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__ActionButton:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__ActionButton:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock{flex:1;font:18px var(--header-font-face)}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameData>div,.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameName{cursor:default;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;margin-bottom:8px;text-align:center}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameData>div:hover,.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameName:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameData>div:disabled,.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameName:disabled{box-shadow:none;opacity:.4}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameName{font-size:120%}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameData{display:flex;font-size:70%;font-weight:700;margin-bottom:24px;width:100%}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameData>div{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__GameData .PlayAreaSidebar__RoundNumber{margin-right:8px}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore{align-items:center;display:flex;font-size:20px;margin-bottom:8px;opacity:1;padding:4px 8px}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore::before{font:22px var(--icon-font-face);height:36px;line-height:170%;margin-right:12px;opacity:.4;width:36px}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Current{animation:current-player-score .7s infinite;animation-timing-function:ease-in-out}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-disconnected .PlayAreaSidebar__PlayerScoreColor,.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-disconnected .PlayAreaSidebar__PlayerScoreName,.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-disconnected .PlayAreaSidebar__PlayerScoreValue{opacity:.4}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-disconnected .UserAvatar{display:none}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-disconnected::before{content:"wifi_off"}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-removed .PlayAreaSidebar__PlayerScoreColor,.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-removed .PlayAreaSidebar__PlayerScoreName,.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-removed .PlayAreaSidebar__PlayerScoreValue{opacity:.4}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-removed .UserAvatar{display:none}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore.PlayAreaSidebar__PlayerScore--Status-removed::before{content:"logout"}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore .UserAvatar{height:36px;margin-right:12px;min-width:36px;width:36px}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore .PlayAreaSidebar__PlayerScoreName{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore .PlayAreaSidebar__PlayerScoreColor{border-radius:50%;box-shadow:0 0 5px #000;height:10px;margin:0 10px;min-width:10px;width:10px}.PlayAreaSidebar .PlayAreaSidebar__Content .PlayAreaSidebar__GameBlock .PlayAreaSidebar__PlayerScore .PlayAreaSidebar__PlayerScoreValue{flex:1;text-align:right}.PlayAreaSidebar .CopyrightText{font:100 12px var(--header-font-face);margin-top:12px;opacity:.4;transition:.2s all}.PlayAreaSidebar .CopyrightText:hover{opacity:1}@keyframes current-player-score{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.PlayingCard{background:linear-gradient(#f7f7f7,#e7e7e7);border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.6);height:147px;line-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:105px}.PlayingCard.PlayingCard--GreyedOut{filter:brightness(30%)}.PlayingCard.PlayingCard--Hoverable{cursor:pointer}.PlayingCard.PlayingCard__Face--Wild{background:linear-gradient(#fff280,#ffdb3b)}.PlayingCard.PlayingCard__Face--club,.PlayingCard.PlayingCard__Face--spade{color:#000}.PlayingCard.PlayingCard__Face--club img.PlayingCard__Pip,.PlayingCard.PlayingCard__Face--spade img.PlayingCard__Pip{filter:brightness(0)}.PlayingCard.PlayingCard__Face--diamond,.PlayingCard.PlayingCard__Face--heart{color:#c41820}.PlayingCard.PlayingCard__Face--diamond img.PlayingCard__Pip,.PlayingCard.PlayingCard__Face--heart img.PlayingCard__Pip{filter:invert(50%) sepia(79%) saturate(3000%) hue-rotate(325deg) brightness(68%) contrast(150%)}.PlayingCard.PlayingCard__Face.PlayingCard--Active,.PlayingCard.PlayingCard__Face.PlayingCard--Hoverable:active{background:#fff}.PlayingCard.PlayingCard__Face.PlayingCard--Active.PlayingCard__Face--Wild,.PlayingCard.PlayingCard__Face.PlayingCard--Hoverable:active.PlayingCard__Face--Wild{background:#fff280}.PlayingCard.PlayingCard__Placeholder{background:linear-gradient(rgba(0,0,0,.03),rgba(0,0,0,.06));box-shadow:none}.PlayingCard.PlayingCard__Empty{--card-background-color:#444;padding:8px}.PlayingCard.PlayingCard__Empty.PlayingCard__Empty--blue{--card-background-color:#3b518e}.PlayingCard.PlayingCard__Empty.PlayingCard__Empty--green{--card-background-color:#3f7240}.PlayingCard.PlayingCard__Empty.PlayingCard__Empty--red{--card-background-color:#8e3b3b}.PlayingCard.PlayingCard__Empty.PlayingCard__Empty--hatching{background:repeating-linear-gradient(45deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 30px,transparent 0,transparent 60px),repeating-linear-gradient(-45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 30px,transparent 0,transparent 60px),var(--card-background-color)}.PlayingCard.PlayingCard__Empty.PlayingCard__Empty--triangles{background:linear-gradient(45deg,transparent 50%,rgba(0,0,0,.5) 50%) content-box,linear-gradient(-45deg,transparent 50%,rgba(0,0,0,.5) 50%) content-box,var(--card-background-color);background-size:24px 24px}.PlayingCard.PlayingCard__Empty.PlayingCard__Empty--stripes{background:linear-gradient(45deg,rgba(0,0,0,.7) 0,transparent 50%,var(--card-background-color) 120%),repeating-linear-gradient(-45deg,transparent 0,transparent 9px,rgba(0,0,0,.7) 9px,rgba(0,0,0,.7) 22.5px,transparent 22.5px),var(--card-background-color)}.PlayingCard.PlayingCard__Empty.PlayingCard__Empty--ring{background:linear-gradient(45deg,rgba(0,0,0,.8) 0,transparent 50%,var(--card-background-color) 120%),radial-gradient(circle at 50% 50%,transparent 0,transparent 6px,rgba(0,0,0,.8) 7px,rgba(0,0,0,.8) 18px,transparent 19px) content-box,radial-gradient(circle at 12px 12px,transparent 0,transparent 12px,rgba(0,0,0,.8) 13px,rgba(0,0,0,.8) 36px,transparent 37px) content-box,radial-gradient(circle at 77px 119px,transparent 0,transparent 12px,rgba(0,0,0,.8) 13px,rgba(0,0,0,.8) 36px,transparent 37px) content-box,radial-gradient(circle at 6px 125px,transparent 0,transparent 6px,rgba(0,0,0,.8) 7px,rgba(0,0,0,.8) 18px,transparent 19px) content-box,radial-gradient(circle at 83px 6px,transparent 0,transparent 6px,rgba(0,0,0,.8) 7px,rgba(0,0,0,.8) 18px,transparent 19px) content-box,linear-gradient(0deg,var(--card-background-color),var(--card-background-color)) content-box,linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8)),var(--card-background-color)}.PlayingCard.PlayingCard__Empty.PlayingCard--Active,.PlayingCard.PlayingCard__Empty.PlayingCard--Hoverable:hover{box-shadow:0 0 6px #fff!important}.PlayingCard__Container{display:flex;flex-direction:column;height:100%;width:100%}.PlayingCard__Container .PlayingCard__Inverted{transform:rotate(180deg)}.PlayingCard__Container .PlayingCard__Header{flex:0 0 8px;font:24px Nunito,sans-serif;left:0;letter-spacing:-4px}.PlayingCard__Container .PlayingCard__Header .PlayingCard__HeaderText{margin-top:4px;text-align:center;width:26px}.PlayingCard__Container .PlayingCard__PipBox{display:flex;flex:1;padding:0 6px}.PlayingCard__Container .PlayingCard__PipBox .PlayingCard__PipSmall{flex:0}.PlayingCard__Container .PlayingCard__PipBox .PlayingCard__PipSmall img{height:18px;width:auto}.PlayingCard__Container .PlayingCard__PipBox .PlayingCard__PipLarge{align-self:center;flex:1;text-align:center}.PlayingCard__Container .PlayingCard__PipBox .PlayingCard__PipLarge img{height:52px;width:auto}@media(hover:hover)and (pointer:fine){.PlayingCard.PlayingCard__Face.PlayingCard--Hoverable:hover{background:#fff}.PlayingCard.PlayingCard__Face.PlayingCard--Hoverable:hover.PlayingCard__Face--Wild{background:#fff280}}.PlayingCardHand{--card-count:1;border-radius:4px;display:flex}.PlayingCardHand .PlayingCardHand__Card--Inactive{filter:brightness(.6)}.PlayingCardHand.PlayingCardHand--pile,.PlayingCardHand.PlayingCardHand--spread,.PlayingCardHand.PlayingCardHand--stack{background:rgba(0,0,0,.3);box-shadow:0 0 16px rgba(0,0,0,.6);min-width:105px}.PlayingCardHand.PlayingCardHand--pile .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--spread .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--stack .PlayingCardHand__Card{transform-origin:52.5px 0%}.PlayingCardHand.PlayingCardHand--pile .PlayingCardHand__Card:nth-child(2n),.PlayingCardHand.PlayingCardHand--spread .PlayingCardHand__Card:nth-child(2n),.PlayingCardHand.PlayingCardHand--stack .PlayingCardHand__Card:nth-child(2n){transform-origin:52.5px 100%}.PlayingCardHand.PlayingCardHand--pile .PlayingCardHand__Card:first-child,.PlayingCardHand.PlayingCardHand--spread .PlayingCardHand__Card:first-child,.PlayingCardHand.PlayingCardHand--stack .PlayingCardHand__Card:first-child{margin-left:0!important}.PlayingCardHand.PlayingCardHand--pile .PlayingCardHand__Card .react-draggable-dragging *,.PlayingCardHand.PlayingCardHand--spread .PlayingCardHand__Card .react-draggable-dragging *,.PlayingCardHand.PlayingCardHand--stack .PlayingCardHand__Card .react-draggable-dragging *{pointer-events:none}.PlayingCardHand.PlayingCardHand--pile .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard,.PlayingCardHand.PlayingCardHand--spread .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard,.PlayingCardHand.PlayingCardHand--stack .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard{box-shadow:none;position:relative}.PlayingCardHand.PlayingCardHand--pile .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard::before,.PlayingCardHand.PlayingCardHand--spread .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard::before,.PlayingCardHand.PlayingCardHand--stack .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard::before{bottom:4px;box-shadow:0 0 6px rgba(0,0,0,.5);content:"";left:0;position:absolute;top:4px;width:8px;z-index:-1}.PlayingCardHand.PlayingCardHand--pile .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard.PlayingCard--GreyedOut::before,.PlayingCardHand.PlayingCardHand--spread .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard.PlayingCard--GreyedOut::before,.PlayingCardHand.PlayingCardHand--stack .PlayingCardHand__Card:not(.react-draggable-dragging) .PlayingCard.PlayingCard--GreyedOut::before{box-shadow:-5px 0 6px rgba(0,0,0,.2)}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--spread .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--spread .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--spread .PlayingCardHand__Card{width:35px}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--spread .PlayingCardHand__Card:last-child,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--spread .PlayingCardHand__Card:last-child,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--spread .PlayingCardHand__Card:last-child{min-width:105px!important}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--spread.PlayingCardHand--IsFixedWidth .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--spread.PlayingCardHand--IsFixedWidth .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--spread.PlayingCardHand--IsFixedWidth .PlayingCardHand__Card{min-width:0;width:auto}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--spread.PlayingCardHand--IsNarrow .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--spread.PlayingCardHand--IsNarrow .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--spread.PlayingCardHand--IsNarrow .PlayingCardHand__Card{width:21px}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--stack .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--stack .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--stack .PlayingCardHand__Card{width:2px}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--stack .PlayingCardHand__Card:last-child,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--stack .PlayingCardHand__Card:last-child,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--stack .PlayingCardHand__Card:last-child{min-width:105px!important}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--pile .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--pile .PlayingCardHand__Card,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--pile .PlayingCardHand__Card{width:0}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--pile .PlayingCardHand__Card:first-child .PlayingCard,.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--pile .PlayingCardHand__Card:nth-last-child(-n+2) .PlayingCard,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--pile .PlayingCardHand__Card:first-child .PlayingCard,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--pile .PlayingCardHand__Card:nth-last-child(-n+2) .PlayingCard,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--pile .PlayingCardHand__Card:first-child .PlayingCard,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--pile .PlayingCardHand__Card:nth-last-child(-n+2) .PlayingCard{box-shadow:0 0 8px rgba(0,0,0,.2)}.PlayingCardHand.PlayingCardHand--pile.PlayingCardHand--pile .PlayingCardHand__Card .PlayingCard::before,.PlayingCardHand.PlayingCardHand--spread.PlayingCardHand--pile .PlayingCardHand__Card .PlayingCard::before,.PlayingCardHand.PlayingCardHand--stack.PlayingCardHand--pile .PlayingCardHand__Card .PlayingCard::before{box-shadow:none}:export{duration:5s}.ReactionEmoji{height:auto}.ReactionEmoji.ReactionEmoji--small{width:24px}.ReactionEmoji.ReactionEmoji--medium{width:48px}.ReactionEmoji.ReactionEmoji--large{width:72px}.ReactionEmoji.ReactionEmoji--nauseated_face{animation:emoji-nauseated-face 5s ease forwards}.ReactionEmoji.ReactionEmoji--rage{animation:emoji-rage 5s ease forwards}.ReactionEmoji.ReactionEmoji--smile{animation:emoji-smile 5s ease forwards}.ReactionEmoji.ReactionEmoji--sob{animation:emoji-sob 5s ease forwards}.ReactionEmoji.ReactionEmoji--thinking{animation:emoji-thinking 5s ease forwards}@keyframes emoji-nauseated-face{0%{transform:scale(0)}7%{transform:scale(1.5)}15%{transform:scale(1.3)}25%{transform:scale(1.8)}40%{transform:scale(1)}70%{opacity:1}100%{opacity:0}}@keyframes emoji-rage{0%{transform:scale(0)}7%{transform:scale(1.5)}9%{transform:rotate(7deg) scale(1.5)}10%{transform:rotate(-7deg) scale(1.5)}11%{transform:rotate(7deg) scale(1.5)}12%{transform:rotate(-7deg) scale(1.5)}13%{transform:rotate(7deg) scale(1.5)}15%{transform:rotate(0) scale(1.5)}40%{transform:scale(1)}70%{opacity:1}100%{opacity:0}}@keyframes emoji-smile{0%{transform:scale(0)}7%{transform:scale(1.5)}40%{transform:scale(1)}70%{opacity:1}100%{opacity:0}}@keyframes emoji-sob{0%{transform:scale(0)}7%{transform:scale(1.5)}10%{transform:scale(1.3)}13%{transform:scale(1.6)}16%{transform:scale(1.3)}19%{transform:scale(1.7)}40%{transform:scale(1)}70%{opacity:1}100%{opacity:0}}@keyframes emoji-thinking{0%{transform:scale(0)}7%{transform:scale(1.5) rotate(10deg)}13%{transform:scale(1.5) rotate(-10deg)}19%{transform:scale(1.5) rotate(10deg)}40%{transform:scale(1) rotate(0)}70%{opacity:1}100%{opacity:0}}:export{duration:5s}.PlayingCardHandEmoji{left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);z-index:50}.PlayingCardHandEmoji .ReactionEmoji{filter:drop-shadow(0 0 6px #000)}.PlayingCardText{font-family:Nunito,sans-serif;font-weight:900}.PlayingCardText.PlayingCardText--club,.PlayingCardText.PlayingCardText--spade{color:#000}.PlayingCardText.PlayingCardText--diamond,.PlayingCardText.PlayingCardText--heart{color:#c41820}.PlayingCardText.PlayingCardText--Wild,.PlayingCardText.PlayingCardText--joker{color:#ffdb3b;text-shadow:0 0 3px #000,0 0 8px #000}.PlayingCardText::after{margin-left:1px}.PlayingCardText.PlayingCardText--club::after{content:"♣"}.PlayingCardText.PlayingCardText--diamond::after{content:"♦"}.PlayingCardText.PlayingCardText--heart::after{content:"♥"}.PlayingCardText.PlayingCardText--joker::after{content:"★"}.PlayingCardText.PlayingCardText--spade::after{content:"♠"}.PlayingCardMeldText{align-items:center;display:flex;height:28px;justify-content:center}.PlayingCardMeldText .PlayingCardMeldText__Label{align-self:center;background:rgba(0,0,0,.4);border-radius:6px;color:#fff;font-size:80%;margin:0 4px 0 2px;padding:0 8px}.PlayingCardMeldText .PlayingCardText{margin:0 2px}.PlayingCardHandTooltip .PlayingCardHandTooltip__Label{font-weight:900}.PlayingCardHandTooltip .PlayingCardHandTooltip__Spacer{display:inline-block;width:8px}.PlayingCardHandLabel{bottom:30%;color:#fff;font-size:24px;height:60px;left:calc(50% - 200px/2);padding:8px;position:absolute;right:calc(50% - 200px/2);text-align:center;text-shadow:0 0 6px #000,0 0 10px #000;white-space:nowrap;width:200px;z-index:60}.PlayingCardHandLabel .PlayingCardHandLabel__Text{height:100%;opacity:.5;overflow:hidden;padding-top:16px;text-overflow:ellipsis;transition:.2s all}.PlayingCardHandLabel .PlayingCardHandLabel__Text:hover{opacity:1}.PlayingCardHandLabel .PlayingCardHandTooltip{opacity:0}.PlayingCardHandLabel:hover .PlayingCardHandTooltip{opacity:1}.CribbagePlayArea{display:grid;flex:1;grid-template:1fr 0fr/1fr 0fr;height:100%}.CribbagePlayArea.CribbagePlayArea--MyLobbyDeal .CribbagePlayArea__Decks .PlayingCardHand:first-child{box-shadow:0 0 12px var(--game-highlight-color),0 0 36px var(--game-highlight-color)}.CribbagePlayArea .CribbagePlayArea__PlayerGoButton,.CribbagePlayArea.CribbagePlayArea--MyDeal .CribbagePlayArea__Deck:first-child .PlayingCardHand:first-child,.CribbagePlayArea.CribbagePlayArea--MyDiscard .CribbagePlayArea__Hands--Bottom .PlayingCardHand,.CribbagePlayArea.CribbagePlayArea--MyDraw .CribbagePlayArea__Deck:first-child .PlayingCardHand{box-shadow:0 0 5px var(--game-highlight-color),0 0 15px var(--game-highlight-color)}.CribbagePlayArea.CribbagePlayArea--MyGo .CribbagePlayArea__Hands--Bottom .PlayingCardHand{opacity:.4;pointer-events:none}.CribbagePlayArea .CribbagePlayArea__PlayerHandContainer{height:100%;min-width:0;position:relative;z-index:15}.CribbagePlayArea .CribbagePlayArea__GameContainer{height:100%;position:relative;width:100%}.CribbagePlayArea .CribbagePlayArea__Game{display:grid;gap:8px;grid-template-columns:1fr;grid-template-rows:80px 1fr 0fr 159px;height:100%;position:absolute;width:100%}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Center{display:flex;flex-direction:column;justify-content:center}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Board{display:flex;justify-content:center}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Decks{display:flex;justify-content:center;margin-top:16px}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Decks .CribbagePlayArea__Deck{align-items:center;border-radius:4px;display:flex;justify-content:center;margin:0 8px;min-height:170px;position:relative;width:170px}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Decks .CribbagePlayArea__Deck:first-child{justify-content:flex-end}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Decks .CribbagePlayArea__Deck:nth-child(2){background:rgba(0,0,0,.2);border:2px solid rgba(0,0,0,.1);width:190px}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Decks .CribbagePlayArea__Deck:nth-child(2) .PlayingCardHand{max-width:calc(100% - 8px*2)}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Decks .CribbagePlayArea__Deck:nth-child(3){justify-content:flex-start}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__DeckLabel{color:#fff;font-size:150%;font-weight:700;position:absolute;text-align:center;text-shadow:0 1px 1px #000,0 2px 6px #000,0 4px 16px #000;z-index:20}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__CribScore{cursor:default;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;bottom:4px;box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;position:absolute;transition:none;z-index:20}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__CribScore:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__CribScore:disabled{box-shadow:none;opacity:.4}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__CribScore .Tooltip{bottom:42px;opacity:0}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__CribScore:hover .Tooltip{opacity:1}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__PegCount{cursor:default;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;box-shadow:0 0 12px rgba(0,0,0,.4);font-size:130%;left:-22px;opacity:1;position:relative;transition:none;white-space:nowrap;z-index:60}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__PegCount:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__PegCount:disabled{box-shadow:none;opacity:.4}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Actions{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;padding:6px 0;z-index:90}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Hands{align-items:center;display:flex;justify-self:center}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Hands--Bottom{align-self:start;height:100%}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Hands--Bottom .PlayingCardHand{max-width:97vw}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Hands--Bottom .PlayingCardHandEmoji{margin-top:20px}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Hands--Top{align-self:end;gap:36px;justify-content:center;justify-self:stretch;margin:0 auto;max-width:97%}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Hands--Top .PlayingCardHand{max-width:100%;transform:rotate(180deg)}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__Hands--Top .PlayingCardHandLabel{bottom:20%}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__PlayerGoButton{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;bottom:24px;font-size:130%;left:calc(50% - 90px/2);opacity:1;position:absolute;width:90px;z-index:80}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__PlayerGoButton:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.CribbagePlayArea .CribbagePlayArea__Game .CribbagePlayArea__PlayerGoButton:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.CribbagePlayArea .CribbagePlayArea__Game .PlayAreaSidebar{grid-column:2;grid-row:1/span 2}.CribbagePlayArea .CribbagePlayArea__StatusContainer{padding:8px 8px 16px}.CribbagePlayArea .PlayAreaSidebar{grid-column:2;grid-row:1/span 2}:export{cardWidth:105px;idealCardFaceWidth:35px;sidebarWidth:768px}html.Html--ModalOpen{overflow-y:hidden}.Modal{align-items:center;background:rgba(0,0,0,.5);color:var(--body-text-color);display:flex;inset:0;justify-content:center;line-height:150%;position:fixed;z-index:1500}.Modal .Modal__Container{background:var(--background-color);box-shadow:0 5px 12px rgba(0,0,0,.3);min-width:600px}.Modal .Modal__Body,.Modal .Modal__Header{font-size:16px;margin:16px}.Modal .Modal__Body h2,.Modal .Modal__Header h2{margin:0;padding:0}.Modal .Modal__Header{display:flex}.Modal .Modal__Header .Modal__HeaderSpacer{flex:1}.Modal .Modal__Header button{width:-moz-fit-content;width:fit-content}.Modal .Modal__Header button:not(:hover){background:rgba(0,0,0,0)}.Modal .Modal__Actions{display:flex;gap:8px;justify-content:flex-end;padding:8px}.Modal .Modal__CloseButton{line-height:0}.Modal button{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;background:rgba(0,0,0,0);color:var(--body-text-color);font-size:16px}.Modal button:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.Modal button:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.Modal button.Modal__ActionButton--danger{cursor:pointer;color:#f44336;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;background:rgba(0,0,0,0);font-size:16px}.Modal button.Modal__ActionButton--danger:hover{background:#f44336;color:#fff}.Modal button.Modal__ActionButton--danger:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.Modal button.Modal__ActionButton--danger:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.SixtyFiveScoreTable{overflow-x:auto}.SixtyFiveScoreTable table{border-collapse:collapse;color:#fff;margin:0 auto;max-width:100%}.SixtyFiveScoreTable table tbody tr:hover{background:hsla(0,0%,100%,.1)}.SixtyFiveScoreTable table tbody.SixtyFiveScoreTable__Wins{font-weight:900}.SixtyFiveScoreTable table tbody.SixtyFiveScoreTable__Wins::before{content:"";display:block;height:12px}.SixtyFiveScoreTable table td,.SixtyFiveScoreTable table th{overflow:hidden;padding:6px 10px;text-overflow:ellipsis;width:130px}.SixtyFiveScoreTable table td:first-child,.SixtyFiveScoreTable table th:first-child{border-radius:10px 0 0 10px;padding-left:40px}.SixtyFiveScoreTable table td:last-child,.SixtyFiveScoreTable table th:last-child{border-radius:0 10px 10px 0}.SixtyFiveScoreTable table td.SixtyFiveScoreTable__PlayerScore--Out,.SixtyFiveScoreTable table th.SixtyFiveScoreTable__PlayerScore--Out{font-weight:800;text-decoration:line-through}.SixtyFivePlayArea{display:grid;flex:1;grid-template:1fr 0fr/1fr 0fr;height:100%}.SixtyFivePlayArea.SixtyFivePlayArea--MyLobbyDeal .SixtyFivePlayArea__Decks .PlayingCardHand:first-child{box-shadow:0 0 12px var(--game-highlight-color),0 0 36px var(--game-highlight-color)}.SixtyFivePlayArea.SixtyFivePlayArea--MyDeal .SixtyFivePlayArea__Decks .PlayingCardHand:first-child,.SixtyFivePlayArea.SixtyFivePlayArea--MyDiscard .SixtyFivePlayArea__Hands--Bottom .PlayingCardHand,.SixtyFivePlayArea.SixtyFivePlayArea--MyDraw .SixtyFivePlayArea__Decks .PlayingCardHand{animation:my-turn-highlight 1s infinite;animation-delay:5s;animation-timing-function:ease-in-out;box-shadow:0 0 5px var(--game-highlight-color),0 0 15px var(--game-highlight-color)}.SixtyFivePlayArea .SixtyFivePlayArea__PlayerHandContainer{min-width:0;position:relative;z-index:15}.SixtyFivePlayArea .SixtyFivePlayArea__GameContainer{height:100%;position:relative;width:100%}.SixtyFivePlayArea .SixtyFivePlayArea__Game{display:grid;gap:24px;grid-template-columns:130px 1fr 130px;grid-template-rows:130px 1fr 0fr 159px;height:100%;position:absolute;width:100%}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Decks{align-items:center;display:flex;gap:24px;justify-content:center}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Actions{align-items:center;display:flex;flex-direction:column;gap:8px;grid-column:1/span 3;justify-content:flex-end;padding:6px 0;z-index:90}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands{align-items:center;display:flex;justify-content:center;justify-self:center}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Bottom{align-self:start;grid-column:1/span 3}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Bottom .PlayingCardHand{max-width:97vw}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Bottom .PlayingCardHandEmoji{margin-top:20px}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Left .SixtyFivePlayArea__PlayerHandContainer{transform:rotate(90deg)}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Left .SixtyFivePlayArea__PlayerHandContainer .PlayingCardHand{margin-top:16px}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Left .SixtyFivePlayArea__PlayerHandContainer .PlayingCardHandLabel{transform:rotate(-90deg)}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Left .SixtyFivePlayArea__PlayerHandContainer .PlayingCardHandLabel__Tooltip{left:calc(50% + 50px)}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Right .SixtyFivePlayArea__PlayerHandContainer{transform:rotate(270deg)}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Right .SixtyFivePlayArea__PlayerHandContainer .PlayingCardHand{margin-top:16px}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Right .SixtyFivePlayArea__PlayerHandContainer .PlayingCardHandLabel{transform:rotate(-270deg)}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Right .SixtyFivePlayArea__PlayerHandContainer .PlayingCardHandLabel__Tooltip{left:calc(50% - 50px)}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Top{align-self:end;gap:36px;grid-column:1/span 3;justify-content:center;justify-self:stretch;margin:0 auto;max-width:97%}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Top .PlayingCardHand{max-width:100%;transform:rotate(180deg)}.SixtyFivePlayArea .SixtyFivePlayArea__StatusContainer{padding:8px 8px 16px}.SixtyFivePlayArea .PlayAreaSidebar{grid-column:2;grid-row:1/span 2}.SixtyFivePlayArea__ScoresContainer{backdrop-filter:blur(8px);background:rgba(0,0,0,.6);bottom:0;color:#fff;font-size:16px;left:0;padding:16px;position:absolute;right:0;text-align:center;top:0;z-index:101}.SixtyFivePlayArea__ScoresContainer>*{margin-left:auto;margin-right:auto}.SixtyFivePlayArea__ScoresContainer>h2{margin-top:0}.SixtyFivePlayArea__ScoresContainer>div{max-width:800px}.SixtyFivePlayArea__ScoresContainer>button{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;color:#000;margin-top:16px;min-width:180px}.SixtyFivePlayArea__ScoresContainer>button:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.SixtyFivePlayArea__ScoresContainer>button:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}@media(max-height:1000px){.SixtyFivePlayArea .SixtyFivePlayArea__Game{gap:8px;grid-template-rows:86px 1fr 0fr 159px}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Left .SixtyFivePlayArea__PlayerHandContainer,.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Right .SixtyFivePlayArea__PlayerHandContainer{max-width:70%}}@media(max-width:768px){.SixtyFivePlayArea .SixtyFivePlayArea__Game{gap:8px;grid-template-columns:86px 1fr 86px}.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Left,.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Right,.SixtyFivePlayArea .SixtyFivePlayArea__Game .SixtyFivePlayArea__Hands--Top{gap:16px}}@media screen and (orientation:portrait){.SixtyFivePlayArea__Decks{flex-direction:column}}@keyframes my-turn-highlight{0%{box-shadow:0 0 5px var(--game-highlight-color),0 0 15px var(--game-highlight-color)}50%{box-shadow:0 0 12px var(--game-highlight-color),0 0 36px var(--game-highlight-color)}100%{box-shadow:0 0 5px var(--game-highlight-color),0 0 15px var(--game-highlight-color)}}:export{cardWidth:105px;idealCardFaceWidth:35px;sidebarWidth:768px}.GamePlayArea{display:flex;flex-direction:column;overflow-x:hidden}.GamePlayArea .GamePlayArea__Notice{background:rgba(0,0,0,.4);bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.GamePlayArea .GamePlayArea__Notice .GamePlayArea__NoticeText{align-self:center;color:#fff;flex:1;font:48px var(--body-font-face);text-align:center}.GamePlayArea__Container{height:100%}.LobbyActions{display:flex;flex-direction:column;gap:16px}.LobbyActions button{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;font:100 24px var(--header-font-face)}.LobbyActions button:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.LobbyActions button:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.LobbyFinderCodePaneLetterInput{background:rgba(0,0,0,.2);border:none;border-radius:4px;color:inherit;font:900 24px var(--header-font-face);height:100%;margin:0;max-width:40px;min-width:32px;outline:0;padding:6px 0;text-align:center}.LobbyFinderCodePaneLetterInput:focus{border-color:var(--link-color-hover)}.LobbyFinderCodePaneLetterInput:invalid{border-color:#ef5350}@media(max-width:1024px){.LobbyFinderCodePaneLetterInput{font-size:20px}}.LobbyFinderCodePane{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);justify-content:center;min-width:300px;padding:16px}.LobbyFinderCodePane .LobbyFinderCodePane__Letters{display:flex;gap:6px;justify-content:space-between;margin-bottom:16px}.LobbyFinderCodePane button{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;width:100%}.LobbyFinderCodePane button:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.LobbyFinderCodePane button:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.LobbyFinderListButton{background-color:#000;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:hsla(0,0%,100%,.5);cursor:pointer;margin:8px;transition:.2s ease-in-out all}.LobbyFinderListButton:hover{box-shadow:0 4px 16px rgba(0,0,0,.6);color:#fff}.LobbyFinderListButton .LobbyFinderListButton__Data{align-items:center;background:linear-gradient(to right,rgba(0,0,0,.5) 110px,#000 200px);border-radius:10px;display:grid;font-size:15px;grid-template-columns:0 1fr;grid-template-rows:1fr;height:100%;padding:16px}.LobbyFinderListButton .LobbyFinderListButton__Data .LobbyFinderListButton__HostName{font-size:175%;font-weight:900;grid-row:1/span 2}.LobbyFinderListButton .LobbyFinderListButton__Data .LobbyFinderListButton__GameName{font-weight:900;text-align:right}.LobbyFinderListButton .LobbyFinderListButton__Data .LobbyFinderListButton__RoomCode{margin-top:8px;text-align:right}@media(max-width:1024px){.LobbyFinderListButton .LobbyFinderListButton__Data{font-size:12px}}.LobbyFinderList{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);--loader-color:rgba(0, 0, 0, 0.5);margin:0 auto;overflow-y:auto;padding:16px;width:100%}.LobbyFinderList button{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;background:0 0;color:inherit;display:block;line-height:0;margin:0 auto}.LobbyFinderList button:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.LobbyFinderList button:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.LobbyFinderList .LobbyFinderList__Header{align-items:center;display:flex;font:24px var(--header-font-face);padding:0 24px}.LobbyFinderList .LobbyFinderList__Header span{flex:1}.LobbyFinderList .LobbyFinderList__NoOptions{line-height:200%;opacity:.5;padding:8px 16px;text-align:center}.LobbyFinderList .LobbyFinderList__Loading{animation:infinite-rotate 2s ease infinite;background:var(--loader-color);border-radius:2px;height:4px;margin:16px auto;width:50px}@keyframes infinite-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.LobbyFinderList{--loader-color:rgba(255, 255, 255, 0.5)}}.LobbyFinder{display:flex;gap:16px;height:100%}.LobbyFinder .LobbyFinder__SidePane{display:flex;flex-direction:column;gap:16px;min-width:300px;transition:.2s opacity;width:25%}.LobbyFinder .LobbyFinder__SidePane fieldset{flex:1}.LobbyFinder .LobbyFinder__SidePane fieldset .LobbyFinderCodePane{height:100%}.LobbyFinder .LobbyFinder__MainPane{display:flex;flex-direction:column;gap:16px;flex:1}.LobbyFinder .LobbyFinder__MainPane .LobbyFinderList{height:100%}.LobbyStartMenu{--options-background-color:rgba(255, 255, 255, 0.6);--tab-button-background-color:rgba(0, 0, 0, 0.2);--tab-button-background-color-active:rgba(0, 172, 193, 0.8);--tab-button-text-color:var(--body-text-color);height:100%;margin:0 auto;position:relative}.LobbyStartMenu .LobbyStartMenu__Loader{backdrop-filter:blur(8px);inset:0;opacity:0;pointer-events:none;position:absolute;transition:.1s opacity;z-index:1}.LobbyStartMenu.LobbyStartMenu--loading .LobbyStartMenu__Loader{opacity:1;pointer-events:initial}.LobbyStartMenu .LobbyStartMenu__JoinLobby{height:100%}.LobbyStartMenu .LobbyStartMenu__Container{border-radius:8px;height:100%;margin:0 auto;max-width:1440px}.LobbyStartMenu .LobbyStartMenu__Container h2{font:100 24px var(--header-font-face);margin:0;padding:16px 16px 0;text-align:center}.LobbyStartMenu .LobbyStartMenu__Container fieldset{border:0;margin:0;padding:0}.LobbyStartMenu .LobbyStartMenu__LobbyList{margin:0 auto;max-width:500px;padding:16px 0}.LobbyStartMenu .LobbyStartMenu__Tabs{display:flex;justify-content:center}.LobbyStartMenu .LobbyStartMenu__Buttons{display:flex;gap:24px;height:100%;padding:12px}.LobbyStartMenu .LobbyStartMenu__Buttons .LobbyStartMenu__CreateButton,.LobbyStartMenu .LobbyStartMenu__Buttons .LobbyStartMenu__JoinButton{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);align-self:stretch;color:var(--tab-button-text-color);cursor:pointer;flex:1;font:100 48px var(--header-font-face);opacity:.6;outline:0;padding:16px;transition:.2s all}.LobbyStartMenu .LobbyStartMenu__Buttons .LobbyStartMenu__CreateButton:hover,.LobbyStartMenu .LobbyStartMenu__Buttons .LobbyStartMenu__JoinButton:hover{opacity:1!important}.LobbyStartMenu.LobbyStartMenu--createNew .LobbyStartMenu__CreateButton,.LobbyStartMenu.LobbyStartMenu--joinExisting .LobbyStartMenu__JoinButton{background:var(--tab-button-background-color-active);opacity:.8}.LobbyStartMenu.LobbyStartMenu--createNew .LobbyStartMenu__JoinLobby,.LobbyStartMenu.LobbyStartMenu--joinExisting .LobbyStartMenu__CreateLobby{display:none;height:100%}.LobbyStartMenu .LobbyStartMenu__OptionsContainer{backdrop-filter:blur(8px);bottom:0;left:0;position:absolute;right:0;top:0}.LobbyStartMenu .LobbyStartMenu__OptionsContainer .LobbyStartMenu__Options{background:var(--options-background-color);border-radius:16px;box-shadow:0 0 16px rgba(0,0,0,.03);margin:16px auto;max-width:360px;padding:8px 16px 16px}.LobbyStartMenu .LobbyStartMenu__OptionsContainer .LobbyStartMenu__Options .JoinGameOptions{font-size:16px;font-weight:100}.LobbyStartMenu .LobbyStartMenu__OptionsContainer .LobbyStartMenu__OptionsHeader{display:flex}.LobbyStartMenu .LobbyStartMenu__OptionsContainer .LobbyStartMenu__OptionsHeader h2{flex:1;margin:12px 0}.LobbyStartMenu .LobbyStartMenu__OptionsContainer .LobbyStartMenu__OptionsHeader .LobbyStartMenu__OptionsClose{background:0 0;border:none;color:inherit;cursor:pointer;flex:0;font:24px var(--icon-font-face);opacity:.7;outline:0}.LobbyStartMenu .LobbyStartMenu__OptionsContainer .LobbyStartMenu__OptionsHeader .LobbyStartMenu__OptionsClose:hover{opacity:1}@media(prefers-color-scheme:dark){.LobbyStartMenu{--options-background-color:rgba(0, 0, 0, 0.4);--tab-button-background-color:rgba(255, 255, 255, 0.2);--tab-button-background-color-active:rgba(0, 229, 255, 0.4)}}@media(max-width:1024px){.LobbyStartMenu{padding:16px 0}.LobbyStartMenu .LobbyStartMenu__Container{border-radius:0;padding:0}.LobbyStartMenu .LobbyStartMenu__LobbyList{max-width:400px}}.GamePickerDescription{color:rgba(0,0,0,.6);font-size:18px;padding:16px}.GamePickerDescription .GamePickerDescription__Text{line-height:150%;margin:0}.GamePickerDescription .GamePickerDescription__Text a{margin-left:8px;opacity:.5}.GamePickerDescription .GamePickerDescription__Text a:hover{opacity:.8}.GamePickerListButton{background-color:#000;background-size:cover;border-radius:10px;height:140px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.GamePickerListButton .GamePickerListButton__Data{align-items:center;background-color:rgba(0,0,0,.6);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:16px;transition:.6s ease-in-out all;width:100%}.GamePickerListButton .GamePickerListButton__Data h3{font:100 24px var(--header-font-face);margin:0}.GamePickerListButton .GamePickerListButton__Data p{line-height:170%;margin-bottom:0;text-shadow:0 0 4px #000,0 0 16px #000}.GamePickerListButton .GamePickerListButton__Data:hover{transition:none}.GamePickerListButton.GamePickerListButton--Available{cursor:pointer}.GamePickerListButton.GamePickerListButton--Available .GamePickerListButton__Data{border:4px solid hsla(0,0%,100%,.2)}.GamePickerListButton.GamePickerListButton--Available:hover .GamePickerListButton__Data{background-color:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.5)}.GamePickerListButton.GamePickerListButton--Available:active{margin:2px 0 -2px;transition:.05s ease-in-out all}.GamePickerListButton.GamePickerListButton--Available:active .GamePickerListButton__Data{box-shadow:0 2px 6px rgba(0,0,0,.4)}.GamePickerListButton.GamePickerListButton--Unavailable{cursor:default;opacity:.8}.GamePickerListButton.GamePickerListButton--Unavailable p{font-family:var(--body-font-face)}.GamePickerListButton.GamePickerListButton--Selected .GamePickerListButton__Data{background-color:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.5)}.GamePickerList{display:grid;gap:16px;grid-auto-rows:minmax(min-content,max-content);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow-y:auto;text-align:left}.GamePickerColorOption{display:flex}.GamePickerColorOption .GamePickerColorOption__Value{border:2px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;height:20px;margin-left:8px;width:20px;background:hsla(0,0%,100%,.7)}.GamePickerColorOption .GamePickerColorOption__Value.GamePickerColorOption__Value--Disabled{border-color:transparent;cursor:default}.GamePickerColorOption .GamePickerColorOption__Value.GamePickerColorOption__Value--Selected{border-color:rgba(0,0,0,.7)}.GamePickerColorOption .GamePickerColorOption__Value.GamePickerColorOption__Value--blue{background-color:#3b518e}.GamePickerColorOption .GamePickerColorOption__Value.GamePickerColorOption__Value--green{background-color:#3f7240}.GamePickerColorOption .GamePickerColorOption__Value.GamePickerColorOption__Value--red{background-color:#8e3b3b}.GamePickerColorOption .GamePickerColorOption__Value.GamePickerColorOption__Value--grey{background-color:#444}.GamePickerColorOption .GamePickerColorOption__Value:hover{border-color:hsla(0,0%,100%,.6)}.GamePickerDeckPatternOption{display:flex}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value{border:2px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;height:20px;margin-left:8px;width:20px;background:hsla(0,0%,100%,.7)}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value.GamePickerDeckPatternOption__Value--Disabled{border-color:transparent;cursor:default}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value.GamePickerDeckPatternOption__Value--Selected{border-color:rgba(0,0,0,.7)}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value.GamePickerDeckPatternOption__Value--hatching{background:repeating-linear-gradient(45deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 4px,transparent 0,transparent 8px) content-box,repeating-linear-gradient(-45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 4px,transparent 0,transparent 8px) content-box,#eee}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value.GamePickerDeckPatternOption__Value--triangles{background:linear-gradient(45deg,transparent 50%,rgba(0,0,0,.5) 50%) content-box,linear-gradient(-45deg,transparent 50%,rgba(0,0,0,.5) 50%) content-box,#eee;background-size:7px 7px}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value.GamePickerDeckPatternOption__Value--stripes{background:linear-gradient(45deg,#000 0,transparent 50%,#000 120%) content-box,repeating-linear-gradient(-45deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 6px,transparent 6px,transparent 8px) content-box,#eee;background-size:16px 16px}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value.GamePickerDeckPatternOption__Value--ring{background:radial-gradient(circle at 10% 10%,transparent 0,transparent 2px,rgba(0,0,0,.8) 3px,rgba(0,0,0,.8) 6px,transparent 7px) content-box,radial-gradient(circle at 75% 75%,transparent 0,transparent 2px,rgba(0,0,0,.8) 3px,rgba(0,0,0,.8) 6px,transparent 7px) content-box,#eee}.GamePickerDeckPatternOption .GamePickerDeckPatternOption__Value:hover{border-color:hsla(0,0%,100%,.3)}.GamePickerOptionContainer{align-items:center;border-radius:10px;display:flex;height:40px;padding:6px 14px;transition:.2s all}.GamePickerOptionContainer.GamePickerOptionContainer--Enabled:hover{background:rgba(0,0,0,.1)}.GamePickerOptionContainer .GamePickerOptionContainer__Label{cursor:default;flex:1}.GamePickerOptionContainer .GamePickerOptionContainer__Selector{flex:0;justify-content:flex-end}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23, 1, .32, 1) 0s;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4d4d4d;border-radius:50%;background-color:#fafafa;box-sizing:border-box;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}.GamePickerOptions{color:rgba(0,0,0,.5);font:400 18px var(--body-font-face);width:100%}.GamePickerOptions button{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;margin-top:12px;width:100%}.GamePickerOptions button:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.GamePickerOptions button:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.GamePicker{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;padding:16px}.GamePicker .GamePickerList{flex:1;width:100%}.GamePicker .GamePicker__Options{align-items:center;display:flex;gap:24px;margin:12px auto 0}.GamePicker .GamePicker__Options .GamePickerOptions{text-align:left;width:400px}.MemberList{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:16px}.MemberList .MemberList__Row{align-items:center;display:flex;font:24px var(--header-font-face);gap:16px;height:56px;padding:8px}.MemberList .MemberList__Row::after{font:22px var(--icon-font-face);line-height:0;margin-left:2px;opacity:.8}.MemberList .MemberList__Row.MemberList__Row--disconnected{opacity:.6}.MemberList .MemberList__Row.MemberList__Row--disconnected::after{content:"wifi_off"}.MemberList .MemberList__Row .UserAvatar{height:40px;min-width:40px;width:40px}.MemberList .MemberList__Row .MemberList__RowLabel{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis}.ShareWidget{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:16px}.ShareWidget textarea{height:1px;position:absolute;top:-9999px;width:1px}.ShareWidget .ShareWidget__Content{align-items:center;display:flex;justify-content:space-between}.ShareWidget .ShareWidget__Content button{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all;line-height:0}.ShareWidget .ShareWidget__Content button:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.ShareWidget .ShareWidget__Content button:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.ShareWidget .ShareWidget__Content .ShareWidget__RoomCode{font:32px var(--header-font-face);letter-spacing:4px;text-align:right}.ShareWidget .ShareWidget__Switch{align-items:center;display:flex;justify-content:space-between;padding-top:16px}.ShareWidget .ShareWidget__Switch .react-toggle-track{box-shadow:0 0 8px rgba(0,0,0,.3)}.LobbyView{display:flex;gap:16px;height:100%;position:relative}.LobbyView .LobbyView__Countdown{display:none;font:300px var(--header-font-face);inset:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.LobbyView .LobbyView__SidePane{display:flex;flex-direction:column;gap:16px;min-width:300px;transition:.2s opacity;width:25%}.LobbyView .LobbyView__SidePane .MemberList{flex:1}.LobbyView .LobbyView__MainPane{display:flex;flex-direction:column;gap:16px;flex:1;transition:.2s opacity}.LobbyView .LobbyView__MainPane .GamePicker{flex:1}.LobbyView.LobbyView--CountingDown .LobbyView__Countdown{display:block;text-shadow:0 8px 16px rgba(0,0,0,.4)}.LobbyView.LobbyView--CountingDown .LobbyView__MainPane,.LobbyView.LobbyView--CountingDown .LobbyView__SidePane{opacity:.5}footer{bottom:0;flex:0;font:400 14px var(--header-font-face);padding:0 60px;width:100%}footer .FooterMenu__Container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;opacity:.5;padding:12px 0;transition:.2s opacity}footer .FooterMenu__Container:hover{opacity:1}footer .FooterMenu__Container #project-source{text-align:right}@media(max-width:768px){footer{padding:0 12px}footer .FooterMenu__Container{flex-direction:column}footer .FooterMenu__Container span{font-size:13px;text-align:center!important}footer .FooterMenu__Container span:not(:first-child){margin-top:12px}}.SiteLogo img{height:auto;width:100%}.SiteLogo.SiteLogo--small{width:100px}.SiteLogo.SiteLogo--medium{width:200px}.SiteLogo.SiteLogo--large{width:300px}.SetupPane{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:100%;padding:32px 60px}.SetupPane .SiteLogo{flex:0;margin:0 auto 16px}.SetupPane .SetupPane__Content{flex:1;min-height:0;width:100%}.ConnectionStatusIcon{font:24px var(--icon-font-face);line-height:24px}.ConnectionStatusIcon.ConnectionStatusIcon--connected::after{content:"cloud_done"}.ConnectionStatusIcon.ConnectionStatusIcon--disconnected::after{content:"cloud_off"}.ConnectionStatusIcon.ConnectionStatusIcon--colored{color:#607d8b}.ConnectionStatusIcon.ConnectionStatusIcon--colored.ConnectionStatusIcon--connected{color:#4caf50}.ConnectionStatusIcon.ConnectionStatusIcon--colored.ConnectionStatusIcon--disconnected{color:#ffc107}.UserWidget{border:1px solid transparent;border-radius:36px;height:72px;min-height:72px;min-width:72px;padding:11px;width:72px;z-index:100}.UserWidget .UserAvatar{cursor:pointer;opacity:.5;transition:.2s all}.UserWidget .UserAvatar:hover{box-shadow:0 0 12px #000;opacity:1}.UserWidget{border:1px solid transparent;border-radius:36px;height:72px;min-height:72px;min-width:72px;padding:11px;width:72px;z-index:100}.UserWidget .UserAvatar{cursor:pointer;opacity:.5;transition:.2s all}.UserWidget .UserAvatar:hover{box-shadow:0 0 12px #000;opacity:1}.UserSidebar__Backdrop{inset:0;position:fixed;z-index:99}.UserSidebar{bottom:16px;display:flex;left:calc(100% - 84px);overflow:visible;pointer-events:none;position:fixed;top:16px;transform:translateX(0);transition:.2s all;width:334px;z-index:101}.UserSidebar>*{pointer-events:all}.UserSidebar .UserWidget{flex:0 1 48px;margin-right:16px}.UserSidebar.UserSidebar--SidebarOpen{transform:translateX(-250px)}.UserSidebar.UserSidebar--SidebarOpen .UserWidget{margin-right:0}.UserSidebar .UserSidebar__Contents{backdrop-filter:blur(8px);background:rgba(0,0,0,.4);border-radius:16px 0 0 16px;box-shadow:-8px 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:16px;height:100%;padding:16px;transition:.2s opacity}.UserSidebar .UserSidebar__Contents .UserAvatar{height:96px;margin:0 auto;width:96px}.UserSidebar .UserSidebar__Contents .UserSidebar__Name{font:900 22px var(--header-font-face);overflow:hidden;text-overflow:ellipsis}.UserSidebar .UserSidebar__Contents .UserSidebar__Status{align-items:center;display:flex;gap:16px;justify-content:center;opacity:.5}.UserSidebar .UserSidebar__Contents .UserSidebar__Options{display:flex;flex-direction:column;gap:16px;text-align:left}.UserSidebar .UserSidebar__Contents .UserSidebar__Options h2{margin-bottom:4px}.UserSidebar .UserSidebar__Contents .UserSidebar__Options .UserSidebar__Option{align-items:center;display:flex;gap:4px}.UserSidebar .UserSidebar__Contents .UserSidebar__Options .UserSidebar__Option div{flex-grow:1}.UserSidebar .UserSidebar__Contents .UserSidebar__Options .UserSidebar__Option div .UserSidebar__OptionLabel{margin-bottom:4px}.UserSidebar .UserSidebar__Contents .UserSidebar__Options .UserSidebar__Option div .UserSidebar__OptionDescription{font-size:75%;opacity:.5}.UserSidebar .UserSidebar__Contents .UserSidebar__Filler{flex:1}.UserSidebar .UserSidebar__Contents button.UserSidebar__ActionButton{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all}.UserSidebar .UserSidebar__Contents button.UserSidebar__ActionButton:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.UserSidebar .UserSidebar__Contents button.UserSidebar__ActionButton:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.UserSidebar .UserSidebar__Contents button.UserSidebar__LogOutButton{cursor:pointer;color:#f44336;background:#fff;border:none;border-radius:8px;font-family:inherit;font-size:inherit;font-weight:inherit;opacity:.7;outline:0;padding:8px;transition:.5s all}.UserSidebar .UserSidebar__Contents button.UserSidebar__LogOutButton:hover{background:#f44336;color:#fff}.UserSidebar .UserSidebar__Contents button.UserSidebar__LogOutButton:hover{box-shadow:0 0 12px rgba(0,0,0,.4);opacity:1;transition:.1s all}.UserSidebar .UserSidebar__Contents button.UserSidebar__LogOutButton:disabled{cursor:not-allowed;box-shadow:none;opacity:.4}.LobbyPage{color:hsla(0,0%,100%,.8);height:100%;margin:0 auto;text-align:center}.LobbyPage.LobbyPage--Table-casinoMat{--game-mat-light-color:#315f48;--game-mat-mid-color:#35654d;--game-mat-dark-color:#1d4630;background:linear-gradient(var(--game-mat-light-color) 0,var(--game-mat-mid-color) 60%,var(--game-mat-dark-color) 100%)}.LobbyPage.LobbyPage--Table-wood{background:#61553d url("/images/styles/table-wood.jpg")}.LobbyPage .LobbyPage__Content{display:flex;flex:1;height:100%;justify-content:center;width:100%}.LobbyPage .LobbyPage__Content>*{flex:1}.LobbyPage .LobbyPage__Content .SetupPane{margin:32px 32px 0;max-width:1440px}@media(prefers-color-scheme:dark){main#lobby.LobbyPage--Table-casinoMat{--game-mat-light-color:#273f33;--game-mat-mid-color:#284134;--game-mat-dark-color:#1c3226}}.ErrorPage{margin:0 auto;overflow:hidden;padding:16px 60px}.ErrorPage .ErrorPage__Content{margin:0 auto;max-width:1440px}@media(max-width:768px){.ErrorPage{padding:0 20px}}.Overload__Container{opacity:0;pointer-events:none}*{box-sizing:border-box}html{height:100%;min-height:100vh;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch}html[lang=ja] body{--body-font-face:"Kosugi Maru";--header-font-face:"RocknRoll One"}body{--background-color:#f7f7f7;--body-text-color:#080b0c;--box-shadow-color:rgba(0, 0, 0, 0.5);--game-highlight-color:#69f0ae;--header-background-color:#f7f7f7;--header-text-color:#444;--input-background-color:#f7f7f7;--input-text-color:#080b0c;--link-color-normal:#00acc1;--link-color-hover:#006064;--outline-color:#dbdbdb;--body-font-face:"ABeeZee";--card-pip-font-face:"Nunito",sans-serif;--header-font-face:"Fredoka One";--icon-font-face:"Material Icons";background:var(--background-color);color:var(--body-text-color);font:14px var(--body-font-face);height:100%;margin:0;min-height:720px;min-width:360px;position:relative}body .react-toast-notifications__container,body .react-toast-notifications__container>div{overflow:hidden}#root{display:flex;flex-direction:column;min-height:100%;width:100%}#root main{display:flex;flex:1;flex-direction:column;width:100%}a{color:var(--link-normal);cursor:pointer;text-decoration:none}a:hover{color:var(--link-hover)}i.material-icons{-webkit-user-select:none;-moz-user-select:none;user-select:none}button:disabled,input:disabled{cursor:not-allowed}@media(prefers-color-scheme:dark){body{--background-color:#25252d;--body-text-color:#f7f7f7;--header-background-color:#25252d;--header-text-color:#f7f7f7;--input-background-color:#080b0c;--input-text-color:#f7f7f7;--link-color-normal:#80deea;--link-color-hover:#b2ebf2}}
/*# sourceMappingURL=client.121f744c.css.map*/