*,::after,::before{box-sizing:border-box;font-family:Arial}body{height:100%;background-color:#0a1e14;background:url(images/green-choya.png);background-size:25%;display:flex;flex-direction:column;min-height:80vh;margin:0;padding:1em;font-size:clamp(.5rem,2.5vmin,1.5rem);overflow:hidden}html{margin:0;height:100%;overflow:hidden}.screen{display:grid;height:100%;width:100%;grid-gap:10px;grid-template-columns:minmax(0,8%) 40% 30% 15% minmax(0,7%);grid-template-rows:30% 60% 10%;grid-template-areas:"empty1 hand keyboard score1 empty2" "empty1 guess keyboard score2 empty2" "empty1 arm keyboard score2 empty2";justify-content:center}#fixed-image1{grid-column:span 3}.image-container{display:grid;grid-template-columns:repeat(8,3.5em);align-items:center;justify-content:top;grid-area:arm;margin-top:-6em}.image-space{width:2em}.keyboard{display:grid;grid-template-columns:repeat(9,minmax(auto,1.5em));grid-auto-rows:1.9em;gap:.3em;margin-left:-10%;justify-content:flex;grid-area:keyboard}.empty1{display:grid;grid-area:empty1}.empty2{display:grid;grid-area:empty2}.guess-grid{display:grid;justify-content:flex;align-content:center;flex-grow:1;grid-template-columns:repeat(5,3em);grid-template-rows:repeat(6,2.3em);gap:.25em;margin-top:-2em;grid-area:guess}.hand_grid{display:grid;justify-content:flex;align-content:center;grid-template-columns:repeat(9,3.1em);grid-template-rows:repeat(4,2.9em);gap:.15em;margin-top:2em;grid-area:hand}.scoreboard1-grid{display:grid;justify-content:flex-start;align-content:center;grid-template-columns:repeat(1,6em);grid-auto-rows:2.5em;gap:1em;margin-top:10em;grid-area:score1}.scoreboard2-grid{display:grid;justify-content:flex-start;align-content:center;grid-template-columns:repeat(1,7em);grid-auto-rows:2.9em;gap:1em;margin-top:5em;grid-area:score2}.key{font-size:1.4em;font-weight:700;grid-column:span 2;border:none;padding:0;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;fill:#ff0;text-transform:uppercase;border-radius:.2em;cursor:pointer;user-select:none}.key:hover{transform:scale(.95,.95)}.key[data-enter]{grid-column:span 4;grid-row:span 2;background-color:#006400;color:#fff;border:.1em solid #fff;font-size:1.6em;font-family:'Arial Narrow';margin-top:.5em;margin-bottom:.5em;margin-left:-.7em}.key[data-enter]:hover{transform:scale(1.1,1.1)}.key[data-delete]{grid-column:span 4;grid-row:span 2;background:url(images/delete-icon2.png) center;background-repeat:no-repeat;background-size:75%;background-color:#b22222;border:.13em solid #fff;border-radius:.25em;margin-top:.6em;margin-right:1.6em;margin-bottom:.6em}.key[data-reload]{background-color:transparent;color:#fff;border:.1em solid #fff;border-radius:.3em;padding:0;display:flex;justify-content:center;align-items:center;font-size:1em;font-family:'Arial Narrow';margin-top:.2em;margin-bottom:.2em;margin-left:.2em;margin-right:.2em;cursor:pointer}.key[data-reload].end{background-color:red;transform:scale(1.2,1);border:.25em solid #fff}.key[data-blanko]{background-color:transparent;grid-column:span 8;color:wheat;justify-content:center;align-items:center;font-size:1em;display:flex;user-select:none;cursor:unset}.key>svg{width:1.75em;height:1.75em}.key:focus,.key:hover{--lightness-offset:20%}.key.waste{background-color:#778899}.key.wrong{background-color:#505064}.key.nearly-wrong{border:.2em solid #000}.key.almost{border:.2em solid #3c78b4}.key.nearly{background:url(images/yy-tile.png) center}.key.double{background:url(images/yp-tile.png) center}.key.placed{background:url(images/pp-tile.png) center}.key.correct-nearly{background:url(images/zy-tile.png) center}.key.wrong-correct{background:url(images/sz-tile.png) center}.key.framed{border:.2em solid red}.key.correct{background:url(images/zz-tile.png) center}.tile{font-size:1.5em;color:#fff;border:.05em solid #39393b;text-transform:uppercase;font-weight:700;display:flex;justify-content:center;align-items:center;user-select:none;transition:transform 250ms linear}#card1,#card2,#card3,#card4{grid-row:span 3;background:url(images/cards/back1.png) top left;background-repeat:no-repeat;font-size:2.1em;color:#fff;text-transform:uppercase;font-weight:700;display:flex;padding-left:10px;justify-content:left;align-items:center;user-select:none;transition:transform 250ms linear;background-size:203%}#card1{z-index:-5}#card1{z-index:-4}#card1{z-index:-3}#card1{z-index:-2}#card5{grid-row:span 3;grid-column:span 2;background:url(images/cards/back1.png) top center;background-repeat:no-repeat;font-size:2.1em;color:#fff;text-transform:uppercase;font-weight:700;display:flex;padding-left:10px;justify-content:left;align-items:center;user-select:none;transition:transform 250ms linear;background-size:99%}#info{grid-column:span 6;color:wheat;background:0 0;justify-content:center;align-items:center;font-size:1.6em;display:flex}#level{grid-column:span 2;user-select:none;color:wheat;justify-content:center;align-items:center;font-size:1.6em;display:flex}#lives{justify-content:center;font-size:2.4em;color:#8b0000;font-weight:700;display:flex;padding-left:30px}#lives[data-state=game-over]{background:url(images/game-over2.png) center;background-size:100%}#score{grid-column:span 2;justify-content:center;user-select:none;font-size:2.6em;color:green;font-weight:700;display:flex}.tile[data-state=active]{border-color:#555657}.tile[data-state=wrong]{border:none;background-color:#000;color:gray}.tile[data-state=almost]{border:.2em solid #3c78b4;background-color:#000}.tile[data-state=wrong-correct]{border:none;background:url(images/sz-tile.png) center}.tile[data-state=nearly-wrong]{border:none;background:url(images/ys-tile.png) center}.tile[data-state=nearly]{border:none;background:url(images/yy-tile.png) center}.tile[data-state=double]{border:none;background:url(images/yp-tile.png) center}.tile[data-state=placed]{border:none;background:url(images/pp-tile.png) center}.tile[data-state=nearly-correct]{border:none;background:url(images/yz-tile.png) center}.tile[data-state=correct-wrong]{border:none;background:url(images/zs-tile.png) center}.tile[data-state=correct]{border:none;background:url(images/zz-tile.png) center}.tile[data-state=framed]{border:.2em solid red}.tile[data-veto=ban]{border:none;background:url(images/stars.png) center;background-repeat:no-repeat;background-size:100%;opacity:.7}.tile.shake{animation:shake 250ms ease-in-out}.tile.dance{animation:dance .5s ease-in-out}.tile.flip{transform:rotateX(90deg)}.tileLeft[data-state=correct]{border:none;background:url(images/zz-tile.png) center}.tileRight[data-state=correct]{border:none;background:url(images/zz-tile.png) center}#card5[data-state=dA]{background:url(images/cards/dA.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=hA]{background:url(images/cards/hA.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=cA]{background:url(images/cards/cA.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=sA]{background:url(images/cards/sA.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=dK]{background:url(images/cards/dK.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=hK]{background:url(images/cards/hK.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=cK]{background:url(images/cards/cK.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=sK]{background:url(images/cards/sK.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=dQ]{background:url(images/cards/dQ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=hQ]{background:url(images/cards/hQ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=cQ]{background:url(images/cards/cQ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=sQ]{background:url(images/cards/sQ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=dJ]{background:url(images/cards/dJ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=hJ]{background:url(images/cards/hJ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=cJ]{background:url(images/cards/cJ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=sJ]{background:url(images/cards/sJ.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d10]{background:url(images/cards/d10.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h10]{background:url(images/cards/h10.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c10]{background:url(images/cards/c10.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s10]{background:url(images/cards/s10.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d9]{background:url(images/cards/d9.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h9]{background:url(images/cards/h9.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c9]{background:url(images/cards/c9.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s9]{background:url(images/cards/s9.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d8]{background:url(images/cards/d8.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h8]{background:url(images/cards/h8.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c8]{background:url(images/cards/c8.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s8]{background:url(images/cards/s8.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d7]{background:url(images/cards/d7.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h7]{background:url(images/cards/h7.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c7]{background:url(images/cards/c7.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s7]{background:url(images/cards/s7.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d6]{background:url(images/cards/d6.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h6]{background:url(images/cards/h6.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c6]{background:url(images/cards/c6.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s6]{background:url(images/cards/s6.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d5]{background:url(images/cards/d5.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h5]{background:url(images/cards/h5.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c5]{background:url(images/cards/c5.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s5]{background:url(images/cards/s5.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d4]{background:url(images/cards/d4.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h4]{background:url(images/cards/h4.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c4]{background:url(images/cards/c4.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s4]{background:url(images/cards/s4.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d3]{background:url(images/cards/d3.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h3]{background:url(images/cards/h3.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c3]{background:url(images/cards/c3.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s3]{background:url(images/cards/s3.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=d2]{background:url(images/cards/d2.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=h2]{background:url(images/cards/h2.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=c2]{background:url(images/cards/c2.png) bottom center;background-repeat:no-repeat;background-size:100%}#card5[data-state=s2]{background:url(images/cards/s2.png) bottom center;background-repeat:no-repeat;background-size:100%}#card1[data-state=dA],#card2[data-state=dA],#card3[data-state=dA],#card4[data-state=dA]{background:url(images/cards/dA.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=hA],#card2[data-state=hA],#card3[data-state=hA],#card4[data-state=hA]{background:url(images/cards/hA.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=cA],#card2[data-state=cA],#card3[data-state=cA],#card4[data-state=cA]{background:url(images/cards/cA.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=sA],#card2[data-state=sA],#card3[data-state=sA],#card4[data-state=sA]{background:url(images/cards/sA.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=dK],#card2[data-state=dK],#card3[data-state=dK],#card4[data-state=dK]{background:url(images/cards/dK.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=hK],#card2[data-state=hK],#card3[data-state=hK],#card4[data-state=hK]{background:url(images/cards/hK.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=cK],#card2[data-state=cK],#card3[data-state=cK],#card4[data-state=cK]{background:url(images/cards/cK.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=sK],#card2[data-state=sK],#card3[data-state=sK],#card4[data-state=sK]{background:url(images/cards/sK.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=dQ],#card2[data-state=dQ],#card3[data-state=dQ],#card4[data-state=dQ]{background:url(images/cards/dQ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=hQ],#card2[data-state=hQ],#card3[data-state=hQ],#card4[data-state=hQ]{background:url(images/cards/hQ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=cQ],#card2[data-state=cQ],#card3[data-state=cQ],#card4[data-state=cQ]{background:url(images/cards/cQ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=sQ],#card2[data-state=sQ],#card3[data-state=sQ],#card4[data-state=sQ]{background:url(images/cards/sQ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=dJ],#card2[data-state=dJ],#card3[data-state=dJ],#card4[data-state=dJ]{background:url(images/cards/dJ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=hJ],#card2[data-state=hJ],#card3[data-state=hJ],#card4[data-state=hJ]{background:url(images/cards/hJ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=cJ],#card2[data-state=cJ],#card3[data-state=cJ],#card4[data-state=cJ]{background:url(images/cards/cJ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=sJ],#card2[data-state=sJ],#card3[data-state=sJ],#card4[data-state=sJ]{background:url(images/cards/sJ.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d10],#card2[data-state=d10],#card3[data-state=d10],#card4[data-state=d10]{background:url(images/cards/d10.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h10],#card2[data-state=h10],#card3[data-state=h10],#card4[data-state=h10]{background:url(images/cards/h10.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c10],#card2[data-state=c10],#card3[data-state=c10],#card4[data-state=c10]{background:url(images/cards/c10.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s10],#card2[data-state=s10],#card3[data-state=s10],#card4[data-state=s10]{background:url(images/cards/s10.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d9],#card2[data-state=d9],#card3[data-state=d9],#card4[data-state=d9]{background:url(images/cards/d9.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h9],#card2[data-state=h9],#card3[data-state=h9],#card4[data-state=h9]{background:url(images/cards/h9.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c9],#card2[data-state=c9],#card3[data-state=c9],#card4[data-state=c9]{background:url(images/cards/c9.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s9],#card2[data-state=s9],#card3[data-state=s9],#card4[data-state=s9]{background:url(images/cards/s9.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d8],#card2[data-state=d8],#card3[data-state=d8],#card4[data-state=d8]{background:url(images/cards/d8.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h8],#card2[data-state=h8],#card3[data-state=h8],#card4[data-state=h8]{background:url(images/cards/h8.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c8],#card2[data-state=c8],#card3[data-state=c8],#card4[data-state=c8]{background:url(images/cards/c8.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s8],#card2[data-state=s8],#card3[data-state=s8],#card4[data-state=s8]{background:url(images/cards/s8.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d7],#card2[data-state=d7],#card3[data-state=d7],#card4[data-state=d7]{background:url(images/cards/d7.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h7],#card2[data-state=h7],#card3[data-state=h7],#card4[data-state=h7]{background:url(images/cards/h7.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c7],#card2[data-state=c7],#card3[data-state=c7],#card4[data-state=c7]{background:url(images/cards/c7.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s7],#card2[data-state=s7],#card3[data-state=s7],#card4[data-state=s7]{background:url(images/cards/s7.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d6],#card2[data-state=d6],#card3[data-state=d6],#card4[data-state=d6]{background:url(images/cards/d6.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h6],#card2[data-state=h6],#card3[data-state=h6],#card4[data-state=h6]{background:url(images/cards/h6.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c6],#card2[data-state=c6],#card3[data-state=c6],#card4[data-state=c6]{background:url(images/cards/c6.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s6],#card2[data-state=s6],#card3[data-state=s6],#card4[data-state=s6]{background:url(images/cards/s6.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d5],#card2[data-state=d5],#card3[data-state=d5],#card4[data-state=d5]{background:url(images/cards/d5.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h5],#card2[data-state=h5],#card3[data-state=h5],#card4[data-state=h5]{background:url(images/cards/h5.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c5],#card2[data-state=c5],#card3[data-state=c5],#card4[data-state=c5]{background:url(images/cards/c5.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s5],#card2[data-state=s5],#card3[data-state=s5],#card4[data-state=s5]{background:url(images/cards/s5.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d4],#card2[data-state=d4],#card3[data-state=d4],#card4[data-state=d4]{background:url(images/cards/d4.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h4],#card2[data-state=h4],#card3[data-state=h4],#card4[data-state=h4]{background:url(images/cards/h4.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c4],#card2[data-state=c4],#card3[data-state=c4],#card4[data-state=c4]{background:url(images/cards/c4.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s4],#card2[data-state=s4],#card3[data-state=s4],#card4[data-state=s4]{background:url(images/cards/s4.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d3],#card2[data-state=d3],#card3[data-state=d3],#card4[data-state=d3]{background:url(images/cards/d3.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h3],#card2[data-state=h3],#card3[data-state=h3],#card4[data-state=h3]{background:url(images/cards/h3.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c3],#card2[data-state=c3],#card3[data-state=c3],#card4[data-state=c3]{background:url(images/cards/c3.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s3],#card2[data-state=s3],#card3[data-state=s3],#card4[data-state=s3]{background:url(images/cards/s3.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=d2],#card2[data-state=d2],#card3[data-state=d2],#card4[data-state=d2]{background:url(images/cards/d2.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=h2],#card2[data-state=h2],#card3[data-state=h2],#card4[data-state=h2]{background:url(images/cards/h2.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=c2],#card2[data-state=c2],#card3[data-state=c2],#card4[data-state=c2]{background:url(images/cards/c2.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-state=s2],#card2[data-state=s2],#card3[data-state=s2],#card4[data-state=s2]{background:url(images/cards/s2.png) bottom left;background-repeat:no-repeat;background-size:205%}#card1[data-frame=show],#card2[data-frame=show],#card3[data-frame=show],#card4[data-frame=show]{border:.2em solid red;background-repeat:no-repeat;background-size:260%}#card5[data-frame=show]{border:.2em solid red;background-repeat:no-repeat;background-size:107%}#card1[data-win=bonus],#card2[data-win=bonus],#card3[data-win=bonus],#card4[data-win=bonus],#card5[data-win=bonus]{transform:scale(1.3,1.3)}#info[data-win=bonus]{margin-top:1em;margin-bottom:-1em;background:url(images/green-choya.png);background-size:25%;z-index:1}@keyframes shake{10%{transform:translateX(-5%)}30%{transform:translateX(5%)}50%{transform:translateX(-7.5%)}70%{transform:translateX(7.5%)}90%{transform:translateX(-5%)}100%{transform:translateX(0)}}@keyframes dance{20%{transform:translateY(-50%)}40%{transform:translateY(5%)}60%{transform:translateY(-25%)}80%{transform:translateY(2.5%)}90%{transform:translateY(-5%)}100%{transform:translateY(0)}}.alert-container{position:fixed;top:50vh;left:50vw;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;font-size:2.5em}.alert{pointer-events:none;background-color:#faebd7;padding:.75em;border-radius:.25em;opacity:1;transition:opacity .5s ease-in-out;margin-bottom:.5em}.alert:last-child{margin-bottom:0}.alert.hide{opacity:0}.rules{position:fixed;top:46%;left:40%;transform:translate(-50%,-50%);z-index:1;width:500px;height:650px;background:url(images/handle-rules.png) center;pointer-events:none;background-size:99%;padding:.75em;border-radius:.25em;opacity:0;transition:opacity .5s ease-in-out}.credit{position:fixed;top:45%;left:30%;transform:translate(-50%,-50%);z-index:1;width:378px;height:588px;background:url(images/handle-credit.png) center;pointer-events:none;background-size:99%;padding:.75em;border-radius:.25em;opacity:0;transition:opacity .5s ease-in-out}.show{opacity:1;pointer-events:auto}.close-button{position:absolute;top:10px;right:10px;padding:.5em;font-size:1.5em;background-color:transparent;border:none;color:#ff0;cursor:pointer}.close2-button{position:absolute;top:10px;right:10px;padding:.5em;font-size:12em;background-color:transparent;border:none;color:transparent;cursor:pointer}.key[data-rules]{width:110%;height:80%;background-color:transparent;color:#fff;border:.1em solid #fff;border-radius:.3em;padding:0;display:flex;justify-content:center;align-items:center;font-size:1em;font-family:'Arial Narrow';margin-top:.2em;margin-bottom:.2em;margin-left:.2em;margin-right:.2em;cursor:pointer}.key[data-credit]{width:110%;height:80%;background-color:transparent;color:#f5f5f5;padding:0;display:flex;justify-content:center;align-items:center;font-size:1em;font-family:papyrus;opacity:.25;margin-top:.2em;margin-bottom:.2em;margin-left:.2em;margin-right:.2em;cursor:pointer}.music-icon{height:100%;width:80%;margin-top:1em;cursor:pointer}.sound-icon{height:100%px;width:80%;margin-top:1em;cursor:pointer}@media only screen and (max-width:600px) and (orientation:portrait){.screen{grid-template-columns:28% 30% 40%;grid-template-rows:25% 30% 30% 5%;grid-template-areas:"hand hand keyboard" "guess guess keyboard" "score1 score2 keyboard" "arm arm keyboard";justify-content:space-evenly}.keyboard{grid-template-columns:repeat(9,minmax(auto,1.8em));grid-auto-rows:2.8em;transform:scale(.93,1.13);margin-top:35%}.key{font-size:2em}.image-container{transform:scale(.7,.7)}.scoreboard1-grid,.scoreboard2-grid{transform:scale(.9,.9);margin-top:-40px}.guess-grid,.hand_grid{transform:scale(1.1,1.05);margin-left:5%}.rules{top:-150%;left:20%;transform:scale(1,1.1)}.credit-container{top:-1vh}.credit{top:-100%;left:-40%;transform:scale(.8,.8)}.music-icon,.sound-icon{height:50px;width:60px;transform:scale(.8,.8)}.close-button{font-size:3em}.close2-button{font-size:23em;color:transparent}#score{font-size:3.8em}#lives{font-size:3em}#level{font-size:2em}.key[data-credit],.key[data-reload],.key[data-rules]{font-size:1.5em}.image-container{grid-template-columns:repeat(8,6em);margin-left:-3em}}@media only screen and (max-width:1200px) and (orientation:landscape){.screen{display:grid;height:100%;width:100%;grid-gap:10px;grid-template-columns:minmax(2%,7%) 40% 30% 15% minmax(2%,5%);grid-template-rows:35% 55% 5%;grid-template-areas:"empty1 hand keyboard score1 empty2" "empty1 guess keyboard score2 empty2" "empty1 arm keyboard score2 empty2";justify-content:space-evenly}.rules{transform:scale(.8,.7);margin-top:-150%;margin-left:-500%;background:url(images/handle-rules2.png) center;background-size:100%;width:650px;height:434px}.credit{transform:scale(.8,.7);margin-top:-400%;margin-left:-400%;position:fixed;bottom:0;left:0}.close-button{font-size:3em}.close2-button{font-size:23em;color:transparent}.keyboard,.scoreboard1-grid,.scoreboard2-grid{transform:scale(1,.9)}.image-container{transform:scale(.8,.8);grid-template-columns:repeat(8,5em);margin-left:-3em}#fixed-image1{grid-column:span 4}}@media only screen and (max-width:800px) and (orientation:landscape){.rules{transform:scale(.55,.45);margin-top:-200%;margin-left:-600%}.credit{transform:scale(.55,.45);position:fixed;top:75%;left:-125%}.close2-button{font-size:23em;color:transparent}.image-container{transform:scale(.6,.6);grid-template-columns:repeat(9,8em);margin-left:-7em;margin-top:-3em}#fixed-image1{grid-column:span 5}}