*{padding:0}*,body{margin:0}body{height:100vh;background:#a1b8b8;overflow:hidden}#app{height:100%;padding:1rem}.control{height:calc(100% - 2rem);display:flex;flex-direction:column}.buttons{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;aspect-ratio:.765795207;max-height:calc(100% - 125px - 2rem)}button{background:transparent;border:none}button.shadow{border-radius:100%;box-shadow:inset 1px 1px 20px 20px rgba(0,0,0,.431);filter:blur(10px)}div.lcd-container{position:relative;box-shadow:inset 0 0 20px 20px #000}img.lcd{position:absolute;mix-blend-mode:difference;z-index:1;height:125px;width:101%;-o-object-fit:cover;object-fit:cover;border-radius:6px}img.keys{position:absolute;top:0;left:0;z-index:-1;max-height:100%}img.keys,textarea{width:100%;border-radius:10px}textarea{height:125px;background:#adff2f;font-size:14vw;resize:none;pointer-events:none;line-height:1.2;filter:blur(1px)}.shake{animation:shake 50ms infinite}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(10px)}50%{transform:translateX(0)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}