html{background-color:var(--bg-color, white)}body{margin:0;overscroll-behavior:none}.game-container{width:98vw;height:98vh;margin:auto;padding:0;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.game-container__board{width:90vmin;height:90vmin;display:flex;justify-content:center;align-items:center;border:0}.game-container__hud{position:absolute;top:20px;right:20px;background-color:#fffc;color:#000;padding:10px 20px;border-radius:8px;font-size:1.5rem}@media(max-width:728px),(max-width:950px)and (orientation:landscape){.game-container__hud{font-size:1rem}}.game-container__controls{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px}.game-container__control-button{width:45px;height:45px;cursor:pointer;background:#fff;border:2px solid black;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:8px;transition:all .2s ease-in-out}.game-container__control-button img{width:100%;height:100%}.game-container__control-button:hover{transform:scale(1.1)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#000000b3}.modal--hidden{display:none}.modal__content{background-color:#fff;color:#000;padding:30px;border-radius:10px;text-align:center;max-width:400px}.modal__button{display:block;width:100%;padding:12px;margin-top:10px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}#breaker{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color)}.paddle{position:absolute;background-color:var(--color-eye-left);border-radius:5px}.ball{position:absolute;background-color:var(--color-eye-right);border-radius:50%}.brick{position:absolute;background-color:var(--color-eye-left);border-radius:3px}#flappy{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}#bird{position:absolute;background-color:var(--color-eye-left);border-radius:50%;transition:background-color 1.5s ease;-webkit-transition:background-color 1.5s ease;-moz-transition:background-color 1.5s ease;-ms-transition:background-color 1.5s ease;-o-transition:background-color 1.5s ease}.pipe{position:absolute;background-color:var(--color-eye-right);transition:background-color 1.5s ease;-webkit-transition:background-color 1.5s ease;-moz-transition:background-color 1.5s ease;-ms-transition:background-color 1.5s ease;-o-transition:background-color 1.5s ease}.pipe-top{top:0}.game-border{z-index:100;position:absolute;background-color:var(--color-eye-left);transition:background-color 1.5s ease;-webkit-transition:background-color 1.5s ease;-moz-transition:background-color 1.5s ease;-ms-transition:background-color 1.5s ease;-o-transition:background-color 1.5s ease}#pong{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color)}.paddle{position:absolute;border-radius:5px}.playerPaddle{background-color:var(--color-eye-left)}.aiPaddle{background-color:var(--color-eye-right)}.ball{z-index:1;position:absolute;border-radius:50%;background-color:var(--color-eye-right)}.centerLine{z-index:-1;position:absolute;background-color:var(--color-eye-right)}.game-border{position:absolute;background-color:var(--color-eye-right)!important}:root{--color-background-game: transparent}#snake-container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);width:100%;height:100%;gap:2px}.cell{width:100%;height:100%;background-color:var(--color-background-game);border:1px solid var(--bg-color--inverse, #e0e0e0)}.snake{background-color:var(--color-eye-left, blue)}.apple{background-color:var(--color-eye-right, red)}#space{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color)}.player{position:absolute;background-color:var(--color-eye-left);border-radius:5px;z-index:100}.bullet{position:absolute;background-color:var(--color-eye-left)}.enemyBullet{position:absolute;background-color:var(--color-eye-right)}.enemy{position:absolute;background-color:var(--color-eye-right);border-radius:5px}.game-border{position:absolute;background-color:var(--color-eye-left)!important}#tetris{margin:auto;padding:10px;display:grid;gap:1px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(16,1fr);width:100vmin;height:100%;max-width:62.5vh;max-height:160vw;box-sizing:border-box;border:10px solid var(--bg-color--inverse);transition:border 1s ease;-webkit-transition:border 1s ease;-moz-transition:border 1s ease;-ms-transition:border 1s ease;-o-transition:border 1s ease}@media(orientation:portrait){#tetris{margin-top:35%}}#tetris .block{width:100%;height:100%;box-sizing:border-box;border:2px solid var(--bg-color--inverse)}.block{transition:background-color .05s ease;-webkit-transition:background-color .05s ease;-moz-transition:background-color .05s ease;-ms-transition:background-color .05s ease;-o-transition:background-color .05s ease}#text-lines{display:none}