*{box-sizing:border-box;margin:0;padding:0}:root{--topbar-height:72px}body{background-color:#006400;font-family:Arial,Helvetica,sans-serif}.topbar{align-items:center;background-color:#654321;color:#fff;display:flex;font-size:16px;height:var(--topbar-height);justify-content:space-between;margin:0 auto;min-width:320px;text-align:center}.topbar h1{font-size:1.6em}.topbar a{color:inherit;text-decoration:none}.nav-menu{height:100%;position:relative}.nav-home-symbol,.nav-menu-symbol{cursor:pointer;font-size:48px;padding:0 10px}@media (min-width:400px){.topbar h1{font-size:2em}}.nav-menu-content{background-color:#654321;font-size:24px;left:0;padding:0 20px;position:absolute;text-align:left;top:100%;width:max-content;z-index:5}.nav-menu-content ul{list-style-type:none}.nav-menu-content li{margin:10px 0;padding-left:10px;text-align:left}.nav-menu-content a.new:after{color:#ff0;content:" NEW";display:inline-block;font-size:16px;font-weight:700;transform:translateY(-50%) rotate(20deg)}button{cursor:pointer}.topbar button{background:none;border:none;color:#fff;font-size:.8em}#game-area{background-color:#006400;bottom:0;left:0;min-width:320px;position:absolute;right:0;top:var(--topbar-height)}#rules-dialog{line-height:1.5;padding:20px;width:500px}#rules-dialog>h2{font-size:1.2em;text-align:center}#rules-dialog>h3{font-size:.9em;margin:10px 0;text-align:center}#rules-dialog>p{font-size:.8em;margin-top:10px}#rules-dialog li{font-size:.8em}@media (min-width:400px){#rules-dialog>h2{font-size:1.5em}#rules-dialog>h3{font-size:1.17em}#rules-dialog li,#rules-dialog>p{font-size:1em}}#rules-dialog ol,#rules-dialog ul{margin-left:20px}.topbar-dialog{background-color:#f4e4c4;margin:auto}.topbar-dialog-buttons{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.topbar-dialog-buttons>button{border-radius:8px;padding:2px;width:84px}.black{color:#000}.red{color:red}.dialog-x-container{display:flex;justify-content:end}.dialog-x{padding:5px}.dialog-x:hover{background-color:#d3d3d3;cursor:default}#selector-dialog{position:absolute;top:50%;transform:translateY(-50%)}#game-selector-buttons{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:5px 30px 20px}#game-selector-buttons>button{border-radius:8px;font-size:20px;padding:5px}@media (min-width:500px){#game-selector-buttons>button{font-size:32px}}#infobox{background-color:#f4e4c4;border:1px solid gray;padding:2px 2px 2px 4px}#infobox,.name{position:absolute}.name{border-radius:2px;color:#fff;font-size:14px;left:0;padding:1px}@media (min-width:600px){.name{padding:3px}}.cur-turn{outline:2px solid #ff0}#play-again{border-radius:8px;font-size:20px;left:50%;padding:5px;position:absolute;top:50%;transform:translate(-50%,-50%);width:max-content}#confirm-clear-stats-dialog{background-color:#f8f4e4;margin:auto;padding:10px;text-align:center}#confirm-clear-stats-dialog>p{margin-bottom:10px}#confirm-clear-stats-dialog>button{border-radius:8px;margin:0 10px;padding:3px;width:84px}.spades{color:#000}.hearts{color:red}.clubs{color:#000}.diamonds{color:red}.spades:after{content:"♠"}.hearts:after{content:"♥"}.clubs:after{content:"♣"}.diamonds:after{content:"♦"}.card{aspect-ratio:5/7;background-color:#fff;background-size:contain;border-radius:5px}.card[data-display=as]{background-image:url(../img/d2fbf26124a1311b9327.svg)}.card[data-display=ah]{background-image:url(../img/635fc91d8a5dc6d5d60a.svg)}.card[data-display=ad]{background-image:url(../img/11ae358a371b7ec940a5.svg)}.card[data-display=ac]{background-image:url(../img/2d0f098b5abee10d301d.svg)}.card[data-display="2s"]{background-image:url(../img/27b54497ce5ad2f95700.svg)}.card[data-display="2h"]{background-image:url(../img/6eb4393a64a15534966a.svg)}.card[data-display="2d"]{background-image:url(../img/ff1b2abe18c5c4f5adeb.svg)}.card[data-display="2c"]{background-image:url(../img/420114cdfdb90631c8eb.svg)}.card[data-display="3s"]{background-image:url(../img/26c617ee2cadc0021b5a.svg)}.card[data-display="3h"]{background-image:url(../img/cc954ec01d45ce9c79e1.svg)}.card[data-display="3d"]{background-image:url(../img/0e64d795b52741b8a461.svg)}.card[data-display="3c"]{background-image:url(../img/0da9bc512aee9b4cabe7.svg)}.card[data-display="4s"]{background-image:url(../img/7d837b90152b75e20d5e.svg)}.card[data-display="4h"]{background-image:url(../img/6ca1e414f39f9ebbcb0b.svg)}.card[data-display="4d"]{background-image:url(../img/61d33a9f3ddf59eb3d40.svg)}.card[data-display="4c"]{background-image:url(../img/6d44ebed2ec7833ced6a.svg)}.card[data-display="5s"]{background-image:url(../img/7be227125b96fcaa0b08.svg)}.card[data-display="5h"]{background-image:url(../img/4d8497462430dbf7d442.svg)}.card[data-display="5d"]{background-image:url(../img/1a44534ca5d9bbf1113a.svg)}.card[data-display="5c"]{background-image:url(../img/6ca9cc50ecf920719980.svg)}.card[data-display="6s"]{background-image:url(../img/76de9362133ba4eb3aaa.svg)}.card[data-display="6h"]{background-image:url(../img/318f6959b60a4caa1bca.svg)}.card[data-display="6d"]{background-image:url(../img/120e3e106d1dcff1d1f7.svg)}.card[data-display="6c"]{background-image:url(../img/b5ba2d1f43bc59ba186a.svg)}.card[data-display="7s"]{background-image:url(../img/1f2158e47be8289dad54.svg)}.card[data-display="7h"]{background-image:url(../img/465c98626b07cf8f2e8a.svg)}.card[data-display="7d"]{background-image:url(../img/658e407587702c15fecc.svg)}.card[data-display="7c"]{background-image:url(../img/4d72255d527b759754e0.svg)}.card[data-display="8s"]{background-image:url(../img/0dd39a15f48fb7588339.svg)}.card[data-display="8h"]{background-image:url(../img/0124d777eb63c96a49e3.svg)}.card[data-display="8d"]{background-image:url(../img/140ec7b2ba52837041bb.svg)}.card[data-display="8c"]{background-image:url(../img/172b8e91ad3b2319f683.svg)}.card[data-display="9s"]{background-image:url(../img/99994de557ebc061251f.svg)}.card[data-display="9h"]{background-image:url(../img/8e8c99c73bbd53b06ba5.svg)}.card[data-display="9d"]{background-image:url(../img/cd1c40ce6f69686474a1.svg)}.card[data-display="9c"]{background-image:url(../img/3b031e00048b16920b14.svg)}.card[data-display=ts]{background-image:url(../img/2a02742972d6429069ab.svg)}.card[data-display=th]{background-image:url(../img/f3102a87a7496d9e1aae.svg)}.card[data-display=td]{background-image:url(../img/dc466206fb46afcd8d7a.svg)}.card[data-display=tc]{background-image:url(../img/a2bc345cefbae0805511.svg)}.card[data-display=js]{background-image:url(../img/9fbef7da7b321432411e.svg)}.card[data-display=jh]{background-image:url(../img/8c8fe64c608c60978cb6.svg)}.card[data-display=jd]{background-image:url(../img/10590dcc03ded5a72836.svg)}.card[data-display=jc]{background-image:url(../img/09147d31a34f912fa815.svg)}.card[data-display=qs]{background-image:url(../img/dcc116ef6109f312fee2.svg)}.card[data-display=qh]{background-image:url(../img/55634067751d0db88f81.svg)}.card[data-display=qd]{background-image:url(../img/32231921fe54837a286a.svg)}.card[data-display=qc]{background-image:url(../img/caa0cddfe7bfeef053eb.svg)}.card[data-display=ks]{background-image:url(../img/0835bd4c4656c85bfceb.svg)}.card[data-display=kh]{background-image:url(../img/662430ad5934c3ba9295.svg)}.card[data-display=kd]{background-image:url(../img/debfd33cc17d54e36c18.svg)}.card[data-display=kc]{background-image:url(../img/eda65d20bcd7d562b0f2.svg)}.card[data-display=back]{background-image:url(../img/9440454a42c048585fec.svg)}.card[data-display=rr]{background-image:url(../img/dc868c790baecc82c8b1.svg)}.cardsuit{background-color:#fff;background-size:contain}.cardsuit[data-display=s]{background-image:url(../img/e0e097d928784c504c39.svg)}.cardsuit[data-display=h]{background-image:url(../img/05618d506fa76548a5af.svg)}.cardsuit[data-display=c]{background-image:url(../img/788acadc93314cad7a73.svg)}.cardsuit[data-display=d]{background-image:url(../img/8eb11d353a3556b2fe80.svg)}.card-index-only{aspect-ratio:2/5;background-size:100% 100%}.card-index-only[data-display=as]{background-image:url(../img/cea68b3f9e297186c76b.svg)}.card-index-only[data-display=ah]{background-image:url(../img/b12897c4635a5fe9e008.svg)}.card-index-only[data-display=ad]{background-image:url(../img/4af161ce98633b186838.svg)}.card-index-only[data-display=ac]{background-image:url(../img/aa8eb05d4acb5d41e095.svg)}.card-index-only[data-display="2s"]{background-image:url(../img/5f2cf5cb03857da76466.svg)}.card-index-only[data-display="2h"]{background-image:url(../img/ad9db2817d9e1f72df1e.svg)}.card-index-only[data-display="2d"]{background-image:url(../img/a618949c86f1b42df12d.svg)}.card-index-only[data-display="2c"]{background-image:url(../img/ac9e1a2488c68a31e57e.svg)}.card-index-only[data-display="3s"]{background-image:url(../img/484d48598d90cc718743.svg)}.card-index-only[data-display="3h"]{background-image:url(../img/2e41925f1e57197ad391.svg)}.card-index-only[data-display="3d"]{background-image:url(../img/2a277f857a6ca935dd48.svg)}.card-index-only[data-display="3c"]{background-image:url(../img/e41c7a023fc3f3961f47.svg)}.card-index-only[data-display="4s"]{background-image:url(../img/a8b1512ff361b07d9007.svg)}.card-index-only[data-display="4h"]{background-image:url(../img/94e2252bfaf8e90db8f0.svg)}.card-index-only[data-display="4d"]{background-image:url(../img/1d276de55106afa6c879.svg)}.card-index-only[data-display="4c"]{background-image:url(../img/d23614eb537fa7f1ae1c.svg)}.card-index-only[data-display="5s"]{background-image:url(../img/f131a27a1dca9a8f3317.svg)}.card-index-only[data-display="5h"]{background-image:url(../img/63e21663a32acebfb401.svg)}.card-index-only[data-display="5d"]{background-image:url(../img/350227fbd033fcd07b1a.svg)}.card-index-only[data-display="5c"]{background-image:url(../img/9c73573af246f28843e5.svg)}.card-index-only[data-display="6s"]{background-image:url(../img/8bd6ef896511a7927b79.svg)}.card-index-only[data-display="6h"]{background-image:url(../img/4dbf3b9f98f2a92a90d3.svg)}.card-index-only[data-display="6d"]{background-image:url(../img/16099c412eeffb364473.svg)}.card-index-only[data-display="6c"]{background-image:url(../img/6c8531c4022c72612e01.svg)}.card-index-only[data-display="7s"]{background-image:url(../img/09a3b7b9e8ee876fabb3.svg)}.card-index-only[data-display="7h"]{background-image:url(../img/5d6e8b1259b09c6a6eb3.svg)}.card-index-only[data-display="7d"]{background-image:url(../img/d93e34c83c39a47d3b04.svg)}.card-index-only[data-display="7c"]{background-image:url(../img/126be482d4bb2d2afe03.svg)}.card-index-only[data-display="8s"]{background-image:url(../img/fd196b8935def69b217d.svg)}.card-index-only[data-display="8h"]{background-image:url(../img/da694574b04209359207.svg)}.card-index-only[data-display="8d"]{background-image:url(../img/3a9b86a38448efa8cc09.svg)}.card-index-only[data-display="8c"]{background-image:url(../img/31d0ea319e08cab767a0.svg)}.card-index-only[data-display="9s"]{background-image:url(../img/fe0ce8dd6d566bcdcc79.svg)}.card-index-only[data-display="9h"]{background-image:url(../img/2e54bfc2d157acf6fbe6.svg)}.card-index-only[data-display="9d"]{background-image:url(../img/c27e93fe3c17dff97813.svg)}.card-index-only[data-display="9c"]{background-image:url(../img/412d344ef954c4b5ed2a.svg)}.card-index-only[data-display=ts]{background-image:url(../img/79228a8dd649f8225d5a.svg)}.card-index-only[data-display=th]{background-image:url(../img/58875c5a7e82fe7f8601.svg)}.card-index-only[data-display=td]{background-image:url(../img/5dbe227bcb35b557125c.svg)}.card-index-only[data-display=tc]{background-image:url(../img/d7343f78cda84208d1da.svg)}.card-index-only[data-display=js]{background-image:url(../img/a993671420ca32affa82.svg)}.card-index-only[data-display=jh]{background-image:url(../img/a5d67374e8d11a267841.svg)}.card-index-only[data-display=jd]{background-image:url(../img/3309f4e6cf39e569532d.svg)}.card-index-only[data-display=jc]{background-image:url(../img/8422e63c9306dcbfb476.svg)}.card-index-only[data-display=qs]{background-image:url(../img/1718739095fc12b37a29.svg)}.card-index-only[data-display=qh]{background-image:url(../img/e28b1e57c95f3aad5aeb.svg)}.card-index-only[data-display=qd]{background-image:url(../img/3a1d8b6d9bc61f7e51fb.svg)}.card-index-only[data-display=qc]{background-image:url(../img/883b8698a15f4e2b206a.svg)}.card-index-only[data-display=ks]{background-image:url(../img/279d9f9c45a289dfde6f.svg)}.card-index-only[data-display=kh]{background-image:url(../img/5b3dd0e63b93b403f013.svg)}.card-index-only[data-display=kd]{background-image:url(../img/c9d5d61b23627f4aa72d.svg)}.card-index-only[data-display=kc]{background-image:url(../img/67c27eba1c0b2a39335f.svg)}.card-index-only[data-display=back]{background-image:url(../img/9440454a42c048585fec.svg)}.card-index-only[data-display=rr]{background-image:url(../img/dc868c790baecc82c8b1.svg)}#scorebar{background-color:#f4e4c4;color:red;font-size:16px;height:40px;left:0;line-height:40px;position:absolute;right:0;text-align:center;top:0}#score-d{font-size:20px}#tableau{bottom:10px;left:0;position:absolute;top:40px;width:100%}.card-index-only{background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid gray;border-radius:5px}.card-index-only,.hint{background-color:#fff;position:absolute}.hint{align-items:center;border:1px solid #d3d3d3;border-radius:5px;color:red;cursor:default;display:flex;font-size:12px;height:20px;justify-content:center;padding:2px;transform:translate(-50%,-50%);width:20px}.hint.hidden{color:#000}.hidden{cursor:pointer}#end-game-dialog{background-color:#f8f4e4;margin:auto;padding:10px}#end-game-dialog h3{margin-bottom:10px;text-align:center}#end-game-dialog button{border-radius:5px;cursor:pointer;display:block;margin:10px auto 0;padding:5px}#stats-dialog{padding:10px;width:400px}#stats-dialog h3{margin-bottom:10px;text-align:center}#stats-tabs{display:grid;grid-template-columns:1fr 1fr 1fr}#stats-tabs>div{cursor:pointer;font-size:12px;text-align:center}@media (min-width:400px){#stats-tabs>div{font-size:16px}}#stats-tabs>div.active{background-color:#90ee90}#stats{text-align:center}#stats>div{margin:10px auto}#stats>div:last-child>table{border-collapse:collapse;margin:5px auto;table-layout:fixed}#stats td,#stats th{font-size:14px;padding:3px 10px;text-align:right;width:40px}#stats h4{font-size:16px}#stats>div:first-child>p{font-size:16px;font-weight:700;margin:5px auto}