:root{--neutral-tan-color: #c3ac88;--premium-black-color: #0e0c08;--dallas-brown-color: #6d4b23;--kiwi-brown-color: #8d6033;--army-kamo-color: #776741;--punga-color: #513615;--abstract-beige-color: #a29e80;--egyptian-grey-color: #95927d;--sloth-color: #435247;--reddish-brown-color: #ac4326;--lighter-black-color: #2b2a1f;--white-color: #fffad6;--misty-beige: #d8d4be;--dark-blue-color: #0c3539;--blue-color: #224350;--light-blue-color: #55868d;--bright-mahogany: #853921;--crispy-khaki: #968256;--button-background-color: color-mix(in srgb, var(--abstract-beige-color) 50%, #fff);--button-color: var(--premium-black-color);--button-border-color: color-mix(in srgb, var(--button-background-color) 60%, #000);--button-disabled-background-color: color-mix(in srgb, var(--button-background-color) 66%, #000);--button-disabled-color: color-mix(in srgb, var(--button-color) 66%, #fff);--button-hover-background-color: color-mix(in srgb, var(--button-background-color) 80%, #fff);--button-hover-color: color-mix(in srgb, var(--button-color) 80%, #000);--button-active-background-color: color-mix(in srgb, var(--button-background-color) 60%, #fff);--button-active-color: color-mix(in srgb, var(--button-color) 60%, #000);--dark-text-color: var(--premium-black-color);--light-text-color: var(--neutral-tan-color);--interactive-color: color-mix(in srgb, var(--neutral-tan-color) 50%, #fff);--input-color: color-mix(in srgb, var(--abstract-beige-color) 25%, #fff);--black-color: var(--premium-black-color);--blackish-color: var(--sloth-color);--gray-color: var(--egyptian-grey-color);--red-color: var(--reddish-brown-color);--large-radius: 1rem;--mid-radius: .3rem;--small-radius: .15rem;--font-family: Georgia, serif;--card-ratio: calc(334 / 240);--card-width: min(50cqb, 8cqi);--card-height: calc(var(--card-width) * var(--card-ratio));--tiny-card-width: min(25cqb, 4cqi);--tiny-card-height: calc(var(--tiny-card-width) * var(--card-ratio));--frosting-filter: blur(4px) brightness(60%);--frosting-border: 1px solid #fff4;--frosting-text-shadow: 0 0 .8rem #000;--wood-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .1'/%3E%3CfeColorMatrix values='0 0 0 .2 .353 0 0 0 .18 .196 0 0 0 .15 .05 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--tablecloth-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='tcFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.2' numOctaves='1' stitchTiles='stitch' result='warp'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2 0.02' numOctaves='1' stitchTiles='stitch' result='weft'/%3E%3CfeComposite operator='multiply' in='warp' in2='weft' result='texture'/%3E%3CfeDiffuseLighting in='texture' lighting-color='%23534739' surfaceScale='0.6'%3E%3CfeDistantLight azimuth='30' elevation='35'/%3E%3C/feDiffuseLighting%3E%3CfeColorMatrix values='0.427 0 0 0 0 0 0.295 0 0 0 0 0 0.137 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23tcFilter)'/%3E%3C/svg%3E")}html,body{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;width:100%;height:100%;color:var(--light-text-color);font-size:18px}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);overflow:hidden}*,*:before,*:after{box-sizing:border-box}h1{font-size:170%}h2{font-size:130%}h3{font-size:115%}button,select,input{font-size:18px;padding:.5em 1em;font-family:var(--font-family);font-weight:400;border-radius:var(--mid-radius);touch-action:none;color:var(--button-color);background-color:var(--button-background-color);border:.15em solid var(--button-border-color);appearance:none;-webkit-user-select:none;user-select:none}select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="black"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .5em center;background-size:2em}button,select,input[type=checkbox]{border-style:outset}input[type=text],input[type=email],input[type=password]{border-style:inset;color:var(--dark-text-color);background-color:var(--input-color)}button:enabled:hover,select:enabled:hover{cursor:pointer;color:var(--button-hover-color);background-color:var(--button-hover-background-color)}button:enabled:active,select:enabled:active{color:var(--button-active-color);background-color:var(--button-active-background-color)}button:disabled{color:var(--button-disabled-color);background-color:var(--button-disabled-background-color)}button:disabled:hover{cursor:not-allowed}a{color:var(--interactive-color)}label{color:var(--interactive-color);font-size:18px}img.playing-card[role=button]{cursor:pointer;border-radius:5.21%/3.74%;outline:none}img.playing-card[role=button]:is(:focus-visible,:hover,:active){box-shadow:0 0 0 3px var(--light-blue-color)}@media(hover:none){img.playing-card[role=button]:hover{box-shadow:none;animation:none}}