:root{--card-height: 131px;--card-width: 86px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:url(https://www.free-hearts.com/game/img/backgrounds/1920x1200/green_felt.jpg);background-color:#242424;background-repeat:no-repeat;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100%;width:100%}body,html{margin:0;overflow:hidden;position:fixed;width:100%;height:100%}.menu{position:absolute;top:0;left:0;padding:10px;width:100px}.card{position:relative;transform:translate(-50%,-50%) translateZ(0) rotate(0) rotateY("180deg");-webkit-transform:translate(-50%,-50%) translate3d(0px,0px,0px) rotate(0deg) rotateY("180deg");width:var(--card-width);height:var(--card-height);position:absolute;top:50%;left:50%;transition:transform .4s ease 0s;-webkit-transition:transform .4s ease 0s;cursor:default;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;z-index:6}.card .front{background-image:url(/cards/neapolitans/napoletane_4.webp);box-shadow:4px 4px 9px #00000080;background-size:1000% 400%;background-attachment:initial;background-origin:initial;background-clip:initial;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;border-radius:9px;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.card-taken .front{box-shadow:0 0}.g1-player .card-backdrop{content:"";position:absolute;height:100%;display:none;width:100%;background-color:#000;opacity:.5;overflow:hidden;border-radius:9px;top:0;z-index:100}.front{position:absolute;height:100%;width:100%;background-color:#fff;background-position:center;background-repeat:no-repeat;backface-visibility:hidden;color:#fff;text-align:center;line-height:208px;font-family:Helvetica;border-radius:8px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.on-table{transition:all .36s ease-in-out;-webkit-transition:all .36s ease-in-out}.g1-player .on-table .front{transform-origin:center top;transition:transform-origin .2s linear;-webkit-transition:transform-origin .2s linear}.player-2 .on-table .front,.player-3 .on-table .front{transform-origin:center bottom}.card:not(.on-table) .front:hover{cursor:pointer;box-shadow:0 0 20px #add8e6;transition:box-shadow .1s linear}.back{position:absolute;height:100%;width:100%;backface-visibility:hidden;background-position:center;background-repeat:no-repeat;color:#fff;text-align:center;line-height:208px;font-family:Helvetica;top:0;left:0}.back img{width:100%;height:100%;border-radius:12px}#signature{position:absolute;bottom:4px;right:10px;font-size:14px;color:#fff}@media only screen and (max-width: 500px){.on-table .front,.on-table .back{scale:.69;transform-origin:center top;transition:transform-origin .2s linear;-webkit-transition:transform-origin .2s linear}.player-1 .card .back,.player-3 .card .back,.player-2 .card .back{scale:.69}}.scoreboard-modal{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background-color:#0006;z-index:1000}.scoreboard-container{position:absolute;top:0;max-width:700px;margin:50px auto;padding:20px;background-color:#fff;border-radius:20px;box-shadow:0 10px 20px #00000040;font-family:Comic Sans MS,sans-serif;text-align:center;border:3px solid #000000}.scoreboard tbody tr:nth-child(odd){background-color:#e8f5e9}.scoreboard tbody tr:nth-child(2n){background-color:#c8e6c9}.cartoon-button{margin-top:20px;padding:15px 30px;font-size:24px;font-family:Comic Sans MS,sans-serif;color:#fff;background-color:#388e3c;border:3px solid #000000;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 5px 10px #0003}.scoreboard-container{max-width:700px;margin:50px auto;padding:20px;background-color:#fff;border-radius:20px;box-shadow:0 10px 20px #00000040;font-family:Roboto,sans-serif;text-align:center;border:3px solid #000000}h1{color:#388e3c;font-size:36px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.scoreboard{width:100%;border-collapse:collapse;background-color:#fff;border-radius:15px;overflow:hidden}.scoreboard th,.scoreboard td{padding:15px;font-size:22px;color:#000;border:2px solid #388e3c;text-align:center}.scoreboard thead{background-color:#388e3c;color:#fff}.scoreboard th{color:#fff;background-color:#388e3c}.scoreboard tbody tr:nth-child(odd){background-color:#fbfbfb}.scoreboard tbody tr:nth-child(2n){background-color:#dff5e0}.scoreboard tbody td:nth-child(2),.scoreboard tbody td:nth-child(3){font-weight:700;font-size:24px;color:#388e3c}.cartoon-button{margin-top:20px;padding:6px 30px;font-size:20px;font-family:Roboto,sans-serif;color:#fff;background-color:#388e3c;border:3px solid #000000;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 5px 10px #0003}.cartoon-button:hover{transform:scale(1.05);box-shadow:0 7px 15px #0000004d}.cartoon-button:active{transform:scale(.95);box-shadow:0 3px 5px #0003}@media (max-width: 600px){.scoreboard-container{padding:10px}h1{font-size:28px;margin-bottom:15px}.scoreboard th,.scoreboard td{padding:10px;font-size:18px}.cartoon-button{padding:10px 20px;font-size:20px}}
