:root{--card-red-color: #c23b22;--card-black-color: #000;--board-background-color: #388e3c;--card-background-color: #e6e6e6;--card-border-color: #4a4a4a;--card-border-color-focus: #000;--empty-card-background-color: #4caf50;--empty-card-background-color-focus: #5cb860;--empty-card-color: #388e3c;--back-pattern1: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cline opacity=%270.1%27 y2=%2710%27 x2=%2710%27 y1=%270%27 x1=%270%27 stroke-width=%271.5%27 stroke=%27%23000%27 fill=%27none%27/%3E%3Cline opacity=%270.1%27 y2=%2710%27 x2=%270%27 y1=%270%27 x1=%2710%27 stroke-width=%271.5%27 stroke=%27%23000%27 fill=%27none%27/%3E%3C/svg%3E");--back-pattern1-color: linear-gradient(180deg, #94a3b8 0%, #64748b 100%);--back-pattern2: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cline opacity=%270.1%27 y2=%2710%27 x2=%2710%27 y1=%270%27 x1=%270%27 stroke-width=%271.5%27 stroke=%27%23fff%27 fill=%27none%27/%3E%3Cline opacity=%270.1%27 y2=%2710%27 x2=%270%27 y1=%270%27 x1=%2710%27 stroke-width=%271.5%27 stroke=%27%23fff%27 fill=%27none%27/%3E%3C/svg%3E");--back-pattern2-color: linear-gradient(180deg, #b91c1c 0%, #991b1b 100%);--spade: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12,2C9,7 4,9 4,14C4,16 6,18 8,18C9,18 10,18 11,17C11,17 11.32,19 9,22H15C13,19 13,17 13,17C14,18 15,18 16,18C18,18 20,16 20,14C20,9 15,7 12,2Z%27%3E%3C/path%3E%3C/svg%3E");--heart: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23c23b22%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z%27%3E%3C/path%3E%3C/svg%3E");--diamond: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23c23b22%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19,12L12,22L5,12L12,2%27%3E%3C/path%3E%3C/svg%3E");--club: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12,2C14.3,2 16.3,4 16.3,6.2C16.21,8.77 14.34,9.83 14.04,10C15.04,9.5 16.5,9.5 16.5,9.5C19,9.5 21,11.3 21,13.8C21,16.3 19,18 16.5,18C16.5,18 15,18 13,17C13,17 12.7,19 15,22H9C11.3,19 11,17 11,17C9,18 7.5,18 7.5,18C5,18 3,16.3 3,13.8C3,11.3 5,9.5 7.5,9.5C7.5,9.5 8.96,9.5 9.96,10C9.66,9.83 7.79,8.77 7.7,6.2C7.7,4 9.7,2 12,2Z%27%3E%3C/path%3E%3C/svg%3E");--card-width: 112px;--card-height: 157px;--extra-width: 0px;--extra-height: 0px}@media(prefers-color-scheme: dark){:root{--card-black-color: #999;--board-background-color: #000;--card-background-color: #111;--card-border-color: #666;--empty-card-background-color: #222;--empty-card-background-color-focus: #333;--empty-card-color: #888;--back-pattern1-color: linear-gradient(180deg, #222 0%, #111 100%);--spade: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23888%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12,2C9,7 4,9 4,14C4,16 6,18 8,18C9,18 10,18 11,17C11,17 11.32,19 9,22H15C13,19 13,17 13,17C14,18 15,18 16,18C18,18 20,16 20,14C20,9 15,7 12,2Z%27%3E%3C/path%3E%3C/svg%3E");--club: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23888%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12,2C14.3,2 16.3,4 16.3,6.2C16.21,8.77 14.34,9.83 14.04,10C15.04,9.5 16.5,9.5 16.5,9.5C19,9.5 21,11.3 21,13.8C21,16.3 19,18 16.5,18C16.5,18 15,18 13,17C13,17 12.7,19 15,22H9C11.3,19 11,17 11,17C9,18 7.5,18 7.5,18C5,18 3,16.3 3,13.8C3,11.3 5,9.5 7.5,9.5C7.5,9.5 8.96,9.5 9.96,10C9.66,9.83 7.79,8.77 7.7,6.2C7.7,4 9.7,2 12,2Z%27%3E%3C/path%3E%3C/svg%3E")}}.top-nav ul[role=menu] *[aria-current=page],.solve,.top-nav ul[role=menu] *[role=menuitem],.top-nav .toggler[aria-expanded=true],.snackbar-container .snackbar .actions button,.snackbar-container .snackbar>button,.top-nav nav.breadcrumb a,.top-nav .toggler,.top-nav .nav-icon{border:2px solid transparent;font-weight:500;text-decoration:none;color:inherit;cursor:pointer;font-size:1rem;display:flex;align-items:center;font-family:inherit}.top-nav ul[role=menu] [aria-current=page]:disabled,.solve:disabled,.top-nav ul[role=menu] [role=menuitem]:disabled,.snackbar-container .snackbar .actions button:disabled,.snackbar-container .snackbar>button:disabled,.top-nav nav.breadcrumb a:disabled,.top-nav .toggler:disabled,.top-nav .nav-icon:disabled,.top-nav ul[role=menu] [aria-disabled=true][aria-current=page],[aria-disabled=true].solve,.top-nav ul[role=menu] [aria-disabled=true][role=menuitem],.snackbar-container .snackbar .actions button[aria-disabled=true],.snackbar-container .snackbar>button[aria-disabled=true],.top-nav nav.breadcrumb a[aria-disabled=true],.top-nav [aria-disabled=true].toggler,.top-nav [aria-disabled=true].nav-icon{cursor:default}.top-nav ul[role=menu] *[aria-current=page] svg,.solve svg,.top-nav ul[role=menu] *[role=menuitem] svg,.top-nav .toggler[aria-expanded=true] svg,.snackbar-container .snackbar .actions button svg,.snackbar-container .snackbar>button svg,.top-nav nav.breadcrumb a svg,.top-nav .toggler svg,.top-nav .nav-icon svg{height:1.5rem;width:1.5rem;fill:currentColor}.top-nav ul[role=menu] [aria-current=page]:focus-visible,.solve:focus-visible,.top-nav ul[role=menu] [role=menuitem]:focus-visible,.snackbar-container .snackbar .actions button:focus-visible,.snackbar-container .snackbar>button:focus-visible,.top-nav nav.breadcrumb a:focus-visible,.top-nav .toggler:focus-visible,.top-nav .nav-icon:focus-visible{outline:none;box-shadow:inset 0px 0px 0px 1px currentColor}.snackbar-container .snackbar .actions button,.snackbar-container .snackbar>button,.top-nav nav.breadcrumb a,.top-nav .toggler,.top-nav .nav-icon{background-color:#000;color:rgba(255,255,255,.3)}.snackbar-container .snackbar .actions button:not([disabled]):not([aria-disabled=true]),.snackbar-container .snackbar>button:not([disabled]):not([aria-disabled=true]),.top-nav nav.breadcrumb a:not([disabled]):not([aria-disabled=true]),.top-nav .toggler:not([disabled]):not([aria-disabled=true]),.top-nav .nav-icon:not([disabled]):not([aria-disabled=true]){color:rgba(255,255,255,.8)}.snackbar-container .snackbar .actions button:not([disabled]):not([aria-disabled=true]):hover,.snackbar-container .snackbar>button:not([disabled]):not([aria-disabled=true]):hover,.top-nav nav.breadcrumb a:not([disabled]):not([aria-disabled=true]):hover,.top-nav .toggler:not([disabled]):not([aria-disabled=true]):hover,.top-nav .nav-icon:not([disabled]):not([aria-disabled=true]):hover{background-color:#262626;color:#fff}.snackbar-container .snackbar .actions button:not([disabled]):not([aria-disabled=true]):active,.snackbar-container .snackbar>button:not([disabled]):not([aria-disabled=true]):active,.top-nav nav.breadcrumb a:not([disabled]):not([aria-disabled=true]):active,.top-nav .toggler:not([disabled]):not([aria-disabled=true]):active,.top-nav .nav-icon:not([disabled]):not([aria-disabled=true]):active{background-color:#3b3b3b;color:#fff}.top-nav ul[role=menu] *[role=menuitem],.top-nav .toggler[aria-expanded=true]{background-color:#fff;color:#9ca3af}.top-nav ul[role=menu] *[role=menuitem] svg,.top-nav .toggler[aria-expanded=true] svg{color:#d1d5db}.top-nav ul[role=menu] [role=menuitem]:not([disabled]):not([aria-disabled=true]),.top-nav .toggler[aria-expanded=true]:not([disabled]):not([aria-disabled=true]){color:#374151}.top-nav ul[role=menu] [role=menuitem]:not([disabled]):not([aria-disabled=true]):hover,.top-nav .toggler[aria-expanded=true]:not([disabled]):not([aria-disabled=true]):hover{background-color:#e2e2e2}.top-nav ul[role=menu] [role=menuitem]:not([disabled]):not([aria-disabled=true]):active,.top-nav .toggler[aria-expanded=true]:not([disabled]):not([aria-disabled=true]):active{background-color:#c6c6c6}.top-nav ul[role=menu] [role=menuitem]:not([disabled]):not([aria-disabled=true]) svg,.top-nav .toggler[aria-expanded=true]:not([disabled]):not([aria-disabled=true]) svg{color:#6b7280}.solve{background-color:transparent;border-color:#fff}.solve:not([disabled]):not([aria-disabled=true]){color:#fff}.solve:not([disabled]):not([aria-disabled=true]):hover{background-color:rgba(255,255,255,.1)}.solve:not([disabled]):not([aria-disabled=true]):active{background-color:rgba(255,255,255,.2)}.solve:focus-visible{box-shadow:inset 0px 0px 0px 1px #374151,inset 0px 0px 0px 2px #fff}.top-nav ul[role=menu] *[aria-current=page]{background-color:#e2e2e2;color:#1f2937}.top-nav ul[role=menu] [aria-current=page]:not([disabled]):not([aria-disabled=true]):hover{background-color:#c6c6c6}.top-nav ul[role=menu] [aria-current=page]:not([disabled]):not([aria-disabled=true]):active{background-color:#ababab}.snackbar-container .snackbar>button,.top-nav .toggler,.top-nav .nav-icon{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem}*{box-sizing:border-box;-webkit-user-drag:none}html{font-size:16px;height:-webkit-fill-available}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;width:100%;min-height:100vh;min-height:-webkit-fill-available;font-family:"Roboto",sans-serif;color:#293c4b;overflow:hidden}.main-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column}.top-nav{background-color:#000;height:3rem;display:flex;width:100%;padding-left:max(0px,(100% - 1024px)/2);padding-right:max(0px,(100% - 1024px)/2);flex-shrink:0;z-index:60;contain:size layout style}.top-nav .toggler,.top-nav .nav-icon{flex-shrink:0;z-index:10;padding:0}.top-nav nav.breadcrumb{flex:1;display:flex;color:rgba(255,255,255,.8);z-index:10;background-color:#000}.top-nav nav.breadcrumb ol{list-style:none}.top-nav nav.breadcrumb ol,.top-nav nav.breadcrumb li{display:flex;margin:0;padding:0}.top-nav nav.breadcrumb li+li{padding-left:2rem;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23fff%27 d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 /%3E%3C/svg%3E") no-repeat left center;background-size:2rem}.top-nav nav.breadcrumb span,.top-nav nav.breadcrumb a{display:inline;font-weight:normal;font-size:1.5rem;line-height:1.5rem;padding-left:.5rem;padding-right:.5rem;color:currentColor;border:2px solid transparent;display:flex;align-items:center}.top-nav ul[role=menu]{position:fixed;background-color:#fff;display:flex;flex-direction:column;font-weight:500;overflow-y:auto;overflow-x:hidden;margin:0;padding:.5rem 0;top:3rem;min-width:12rem;list-style:none;opacity:0;pointer-events:none;transform:translateY(-1rem);contain:content;z-index:5}@media(prefers-reduced-motion: no-preference){.top-nav ul[role=menu]{transition:opacity .1s ease-out,transform .1s ease-out}}.top-nav ul[role=menu] *[role=menuitem]{padding:.5rem 1.75rem .5rem 1.25rem;text-align:left;line-height:1.5;width:100%}.top-nav ul[role=menu] *[role=menuitem] svg{margin-right:.75rem}.top-nav ul[role=menu] *[role=separator]{border:none;height:1px;margin:.5rem 0;padding:0;flex-shrink:0;background-color:rgba(0,0,0,.12)}.top-nav .toggler[aria-expanded=true]+ul{pointer-events:auto;opacity:1;transform:translateY(0px)}.page-nav{flex:0 0 auto;display:flex}#side-menu{left:max(0px,(100% - 1024px)/2)}#page-menu{right:max(0px,(100% - 1024px)/2)}main{flex-grow:1;overflow-x:hidden;overflow-y:auto}.desktop{flex-grow:1;overflow:hidden;display:flex}.desktop main{flex:1 0 784px}.bg-black-screen{position:fixed;background-color:#000;top:0;right:0;bottom:0;left:0;z-index:40;opacity:.4;contain:strict}.bg-black-screen.hide{pointer-events:none;opacity:0}@media(prefers-reduced-motion: no-preference){.bg-black-screen{transition:opacity .1s ease-out}}.snackbar-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;pointer-events:none;padding-left:max(0px,(100% - 1024px)/2);padding-right:max(0px,(100% - 1024px)/2)}.snackbar-container .snackbar{background-color:#000;min-width:288px;max-width:calc(65ch + 3rem);color:#fff;margin:0 0 1rem 1rem;display:grid;z-index:90;pointer-events:auto;grid-template-areas:"snackbarclose snackbarcontent" "snackbaractions snackbaractions";grid-template-columns:3rem auto;grid-template-rows:auto;box-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);line-height:1.5}.snackbar-container .snackbar.opening{-webkit-animation:.13s ease-out 0s 1 normal forwards snackbarslidein;animation:.13s ease-out 0s 1 normal forwards snackbarslidein}.snackbar-container .snackbar.closing{-webkit-animation:.13s ease-out 0s 1 normal forwards snackbarslideout;animation:.13s ease-out 0s 1 normal forwards snackbarslideout}.snackbar-container .snackbar.no-close-button{grid-template-areas:"snackbarcontent snackbarcontent" "snackbaractions snackbaractions"}.snackbar-container .snackbar>button{flex-shrink:0;grid-area:snackbarclose;position:relative}.snackbar-container .snackbar .content{padding:.7rem 1rem;flex-grow:1;display:flex;align-items:center;grid-area:snackbarcontent;background-color:#303030;min-height:3rem}.snackbar-container .snackbar .actions{display:flex;grid-area:snackbaractions;justify-content:flex-end}.snackbar-container .snackbar .actions button{font-weight:400;padding:.5rem 1rem}.snackbar-container .snackbar .circle-progress{fill:transparent;position:absolute;width:85%;height:85%;transform:rotate(-90deg) scaleY(-1)}.snackbar-container .snackbar .circle-progress circle{stroke-width:8%}.snackbar-container .snackbar .circle-progress circle.bar{stroke-linecap:butt;stroke:#01579b;stroke:#474747}@media(max-width: 600px){.snackbar-container .snackbar{width:100%;min-width:100%;max-width:100%;margin:0}}@-webkit-keyframes snackbarslidein{from{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes snackbarslidein{from{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes snackbarslideout{from{transform:translateY(0);opacity:1}to{transform:translateY(50%);opacity:0}}@keyframes snackbarslideout{from{transform:translateY(0);opacity:1}to{transform:translateY(50%);opacity:0}}.freecell,.klondike{background-color:var(--board-background-color);position:relative;outline:none;touch-action:none}.freecell::-webkit-scrollbar,.klondike::-webkit-scrollbar{width:.5rem}.freecell::-webkit-scrollbar-track,.klondike::-webkit-scrollbar-track{background-color:transparent}.freecell::-webkit-scrollbar-thumb,.klondike::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);outline:1px solid #708090}.freecell.has-selected .pointer-if-has-selected,.klondike.has-selected .pointer-if-has-selected{cursor:pointer}.fade-in{opacity:1;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.fade-out{opacity:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;pointer-events:none}.solve{padding:.5rem 1rem;font-weight:400;max-width:100%}@media(max-width: 600px){.solve{width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center}}.blink{-webkit-animation:.12s linear 0s 4 alternate forwards blink-animation;animation:.12s linear 0s 4 alternate forwards blink-animation}@-webkit-keyframes blink-animation{0%{opacity:1}100%{opacity:.6}}@keyframes blink-animation{0%{opacity:1}100%{opacity:.6}}.shockwave{position:absolute;width:var(--card-width);height:var(--card-height);pointer-events:none}.shockwave:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0}.shockwave:before{-webkit-animation:shockwave 1s 0s ease-out infinite;animation:shockwave 1s 0s ease-out infinite}@-webkit-keyframes shockwave{0%{transform:scale(1);box-shadow:0 0 2px #fff,inset 0 0 1px #fff}95%{box-shadow:0 0 50px rgba(255,255,255,0),inset 0 0 30px rgba(255,255,255,0)}100%{transform:scale(1.25)}}@keyframes shockwave{0%{transform:scale(1);box-shadow:0 0 2px #fff,inset 0 0 1px #fff}95%{box-shadow:0 0 50px rgba(255,255,255,0),inset 0 0 30px rgba(255,255,255,0)}100%{transform:scale(1.25)}}.playing-card{border:1px solid var(--card-border-color);position:absolute;width:var(--card-width, 112px);height:var(--card-height, 157px);contain:strict}.playing-card::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(180deg);background:var(--inverted-background)}.playing-card::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;background:#000;transition:opacity .1s ease-out}.playing-card:focus{outline:none}.playing-card:focus .focus{display:block}.playing-card .focus{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:2px dashed var(--card-black-color);display:none}.playing-card.D{--suit: var(--diamond);--suit-size: 25%;--suit-size-sm: 15%}.playing-card.S{--suit: var(--spade);--suit-size: 24%;--suit-size-sm: 15%}.playing-card.H{--suit: var(--heart);--suit-size: 24%;--suit-size-sm: 14%}.playing-card.C{--suit: var(--club);--suit-size: 24%;--suit-size-sm: 14%}.playing-card.R2{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E2%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E2%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) center top 10%/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) center top 10%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R2{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E2%3C/text%3E%3C/svg%3E")}}.playing-card.R3{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E3%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E3%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) center top 10%/var(--suit-size) no-repeat,var(--suit) center/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) center top 10%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R3{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E3%3C/text%3E%3C/svg%3E")}}.playing-card.R4{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E4%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E4%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) left 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% top 10%/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) left 24% top 10%/var(--suit-size) no-repeat, var(--suit) right 24% top 10%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R4{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E4%3C/text%3E%3C/svg%3E")}}.playing-card.R5{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E5%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E5%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) left 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% top 10%/var(--suit-size) no-repeat,var(--suit) center/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) left 24% top 10%/var(--suit-size) no-repeat, var(--suit) right 24% top 10%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R5{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E5%3C/text%3E%3C/svg%3E")}}.playing-card.R6{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E6%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E6%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) left 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% center/var(--suit-size) no-repeat,var(--suit) left 24% center/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) left 24% top 10%/var(--suit-size) no-repeat, var(--suit) right 24% top 10%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R6{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E6%3C/text%3E%3C/svg%3E")}}.playing-card.R7{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E7%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E7%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) left 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% top 10%/var(--suit-size) no-repeat,var(--suit) center top 31%/var(--suit-size) no-repeat,var(--suit) right 24% center/var(--suit-size) no-repeat,var(--suit) left 24% center/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) left 24% top 10%/var(--suit-size) no-repeat, var(--suit) right 24% top 10%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R7{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E7%3C/text%3E%3C/svg%3E")}}.playing-card.R8{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E8%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E8%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) left 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% top 10%/var(--suit-size) no-repeat,var(--suit) center top 32%/var(--suit-size) no-repeat,var(--suit) right 24% center/var(--suit-size) no-repeat,var(--suit) left 24% center/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) left 24% top 10%/var(--suit-size) no-repeat, var(--suit) right 24% top 10%/var(--suit-size) no-repeat, var(--suit) center top 32%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R8{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E8%3C/text%3E%3C/svg%3E")}}.playing-card.R9{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E9%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E9%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) left 24% top 10%/var(--suit-size) no-repeat,var(--suit) left 24% top 36%/var(--suit-size) no-repeat,var(--suit) right 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% top 36%/var(--suit-size) no-repeat,var(--suit) center/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) left 24% top 10%/var(--suit-size) no-repeat, var(--suit) left 24% top 36%/var(--suit-size) no-repeat, var(--suit) right 24% top 10%/var(--suit-size) no-repeat, var(--suit) right 24% top 36%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.R9{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3E9%3C/text%3E%3C/svg%3E")}}.playing-card.RT{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;letter-spacing: -2;%27 dominant-baseline=%27middle%27%3E10%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;letter-spacing: -2;%27 dominant-baseline=%27middle%27%3E10%3C/text%3E%3C/svg%3E");background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) left 24% top 10%/var(--suit-size) no-repeat,var(--suit) right 24% top 10%/var(--suit-size) no-repeat,var(--suit) left 24% top 36%/var(--suit-size) no-repeat,var(--suit) right 24% top 36%/var(--suit-size) no-repeat,var(--suit) center top 26%/var(--suit-size) no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat, var(--suit) left 24% top 10%/var(--suit-size) no-repeat, var(--suit) right 24% top 10%/var(--suit-size) no-repeat, var(--suit) left 24% top 36%/var(--suit-size) no-repeat, var(--suit) right 24% top 36%/var(--suit-size) no-repeat, var(--suit) center top 26%/var(--suit-size) no-repeat}@media(prefers-color-scheme: dark){.playing-card.RT{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;letter-spacing: -2;%27 dominant-baseline=%27middle%27%3E10%3C/text%3E%3C/svg%3E")}}.playing-card.RA{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EA%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EA%3C/text%3E%3C/svg%3E")}@media(prefers-color-scheme: dark){.playing-card.RA{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EA%3C/text%3E%3C/svg%3E")}}.playing-card.RJ{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EJ%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EJ%3C/text%3E%3C/svg%3E")}@media(prefers-color-scheme: dark){.playing-card.RJ{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EJ%3C/text%3E%3C/svg%3E")}}.playing-card.RQ{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EQ%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EQ%3C/text%3E%3C/svg%3E")}@media(prefers-color-scheme: dark){.playing-card.RQ{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EQ%3C/text%3E%3C/svg%3E")}}.playing-card.RK{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EK%3C/text%3E%3C/svg%3E");--red-rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23c23b22%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EK%3C/text%3E%3C/svg%3E")}@media(prefers-color-scheme: dark){.playing-card.RK{--rank: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27%23888%27%3E%3Ctext x=%279%27 y=%2710%27 text-anchor=%27middle%27 style=%27font:bold 16px sans-serif;%27 dominant-baseline=%27middle%27%3EK%3C/text%3E%3C/svg%3E")}}.playing-card.RA,.playing-card.RJ,.playing-card.RQ,.playing-card.RK{background:var(--rank) left -3px top 1%/27% no-repeat,var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat,var(--suit) center/60% no-repeat,var(--card-background-color);--inverted-background: var(--rank) left -3px top 1%/27% no-repeat, var(--suit) left 3% top 18%/var(--suit-size-sm) no-repeat}.playing-card.D,.playing-card.H{--rank: var(--red-rank)}.playing-card.D .focus,.playing-card.H .focus{border-color:var(--card-red-color)}.playing-card[aria-disabled=true]::after{opacity:.25}@media(prefers-color-scheme: dark){.playing-card[aria-disabled=true]::after{opacity:.5}}.playing-card[aria-disabled=true]:focus::after{opacity:0}.playing-card[aria-selected=true]{z-index:1}.playing-card.hint{opacity:.8;z-index:4;pointer-events:none}.playing-card.draggable,.playing-card.clickable,.playing-card.dragging{cursor:pointer}.playing-card.draggable{cursor:pointer;will-change:transform}.playing-card.moving{z-index:2}.playing-card.dragging{z-index:3}.playing-card--back{border:none;background:var(--card-background-color) !important}.playing-card--back::before{content:"";position:absolute;top:2.5%;bottom:2.5%;left:3.5%;right:3.5%;border:1px solid #64748b;background:#64748b;background-position:center,center;background-image:var(--back-pattern1),var(--back-pattern1-color);transform:none}.playing-card--back.red::before{border:1px solid #991b1b;background:#991b1b;background-image:var(--back-pattern2),var(--back-pattern2-color)}.playing-card-empty{position:absolute;width:var(--card-width);height:var(--card-height);border:none;background-color:var(--empty-card-background-color);color:var(--empty-card-color);display:flex;align-items:center;justify-content:center;contain:strict}.playing-card-empty svg{fill:currentColor;width:60%;height:auto}.playing-card-empty::after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px dashed var(--empty-card-color);display:none}.playing-card-empty:focus{outline:none;background-color:var(--empty-card-background-color-focus)}.playing-card-empty:focus::after{display:block}.playing-card-empty.small svg{width:90%}.playing-card-shadow{z-index:1;position:absolute;width:calc(var(--card-width) + var(--extra-width));height:calc(var(--card-height) + var(--extra-height));pointer-events:none;box-shadow:0 1px 1px rgba(0,0,0,.075),0 2px 2px rgba(0,0,0,.075),0 4px 4px rgba(0,0,0,.075),0 8px 8px rgba(0,0,0,.075),0 16px 16px rgba(0,0,0,.075)}.playing-card.small,.small-playing-card .playing-card{background:var(--rank) left -5% top 10%/60% no-repeat,var(--suit) right 10% top 10%/45% no-repeat,var(--suit) center top 85%/70% no-repeat,var(--card-background-color);--inverted-background: none}