@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#282d3e}#root{width:100%;height:100%;display:flex;flex-direction:column}.page-game{background-color:#282d3e;color:#fff;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Helvetica Neue,Arial,sans-serif;padding:10px;overflow:hidden;touch-action:manipulation}.page-text{background-color:#282d3e;color:#fff;min-height:100vh;width:100%;padding:20px;font-family:Helvetica Neue,Arial,sans-serif;overflow-y:auto;display:block}.game-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;flex:1;min-height:0}.game-header{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:clamp(5px,2vh,15px);flex-shrink:0}.game-header img{height:clamp(30px,8vh,80px);width:auto;max-width:100%;object-fit:contain}.grid{display:grid;grid-template-rows:repeat(6,1fr);gap:5px;flex-shrink:1;min-height:200px}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;perspective:1000px}.tile{width:min(60px,14vw,8vh);height:min(60px,14vw,8vh);background-color:#121213;border:2px solid #3a3a3c;display:flex;justify-content:center;align-items:center;font-size:clamp(1rem,4vh,2rem);font-weight:700;text-transform:uppercase;color:#fff;-webkit-user-select:none;user-select:none;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .1s}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tile[data-status=filled]{animation:pop .1s ease-in-out;border-color:#818384}@keyframes flip{0%{transform:rotateX(0) scaleY(1);background-color:#121213;border-color:#3a3a3c}49.9%{background-color:#121213;border-color:#3a3a3c}50%{transform:rotateX(90deg) scaleY(0);border-color:transparent}to{transform:rotateX(180deg) scaleY(-1)}}.tile.correct,.tile.present,.tile.absent{animation:flip .6s ease-in-out both}.tile{backface-visibility:visible!important}.tile.correct{background-color:#5e994c;border-color:#5e994c}.tile.present{background-color:#f28c2d;border-color:#f28c2d}.tile.absent{background-color:#3a3a3c;border-color:#3a3a3c}.message{height:30px;margin:5px 0;font-size:clamp(.8rem,2vh,1.2rem);font-family:Poppins,sans-serif;font-weight:400;display:flex;align-items:center;justify-content:center;flex-shrink:0}.keyboard{margin-top:auto;margin-bottom:5px;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:500px;padding:0 4px;flex-shrink:0}.keyboard-row{display:flex;justify-content:center;gap:4px;width:100%}.key{font-family:inherit;font-weight:700;border:0;padding:0;height:min(58px,7vh);border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#818384;color:#fff;flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:clamp(.7rem,2vh,1.2rem);touch-action:manipulation;transition:opacity .2s}.key:hover{opacity:.8}.key-large{flex:1.5;font-size:clamp(.6rem,1.8vh,.9rem)}.key.correct{background-color:#5e994c}.key.present{background-color:#f28c2d}.key.absent{background-color:#3a3a3c}