*{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)}#scorebar{color:#fff;height:40px;left:0;line-height:40px;opacity:.7;position:absolute;right:0;text-align:center;top:0}.card-container{cursor:pointer;perspective:1000px;position:absolute}.card-inner-container{height:100%;transform-style:preserve-3d;transition:transform .8s;width:100%}.matched{opacity:0;transition:opacity .5s linear 1s}#game-over{align-items:center;background:#006400;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:48px;gap:40px;left:50%;opacity:.95;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:max-content}#game-over>button{border-radius:8px;cursor:pointer;font-size:20px;padding:5px;width:max-content}#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 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}