body{font-family:sans-serif;margin:0}*{box-sizing:border-box}#wordgame{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:linear-gradient(#50bfce 0%,#aeceff 100%)}#wordgame canvas{position:fixed;top:0;left:0;right:0;bottom:0}#wordgame .controlbuttons{position:absolute;top:470px;left:0;height:60px}#wordgame .controlbuttons button{cursor:pointer;border:none;border-radius:16px;font-size:16px;font-weight:bolder;padding:8px 16px;background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.3);box-shadow:0 0 4px #0000004d}#wordgame .words{position:absolute;top:470px;left:120px}#wordgame .wrongword{box-shadow:0 0 4px #0000004d;background-color:#fff;padding:8px;color:red;font-size:14px}#wordgame .lastword{box-shadow:0 0 4px #0000004d;color:#020101;font-weight:700;letter-spacing:4px;padding:8px 16px;background:linear-gradient(#e9e9e9 0%,white 100%)}#wordgame .gamearea{position:absolute;top:0;left:50%;width:330px;margin-left:-165px;bottom:0;padding:8px 0;user-select:none}#wordgame .title2{color:#fff;text-shadow:black 1px 1px 1px;font-weight:700;margin-bottom:16px}#wordgame .title{color:#fff;text-shadow:black 2px 2px 1px;font-size:24px;font-weight:700;margin-bottom:4px}#wordgame .title .timer{float:right}#wordgame .title .timer.warn{color:#fd5656;font-size:40px}#wordgame .title .score{display:inline-block;transition:transform .1s ease-in-out}#wordgame .title .score.big{color:#fff899;transform:scale(1.5)}#wordgame .gamecanvas{position:relative}#wordgame .gamecanvas svg{position:absolute;top:0;left:0;width:330px;height:370px;z-index:1}#wordgame .gamecanvas table{box-shadow:0 0 4px #000;position:absolute;top:0;left:0;border-collapse:collapse;opacity:.8}#wordgame .gamecanvas table td{padding:0;border:none}#wordgame .gamecanvas table td>div{border:none;text-align:center;font-size:14px;font-weight:700;height:27px;width:27px;line-height:27px;background:linear-gradient(#e9e9e9 0%,white 100%);transition:font-size .1s ease-in-out}#wordgame .gamecanvas table td>div.big{font-size:24px}