@font-face{font-family:"Press Start 2P";src:url(/tetris/fonts/press-start-2p.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}*,*:before,*:after{box-sizing:border-box;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{background:#000;position:fixed;width:100%}body{display:grid;place-items:center;overflow:hidden;background-color:#626262;position:fixed;width:100%;height:100%}.github-link{position:fixed;bottom:14px;left:18px;z-index:1000;display:flex;align-items:center;gap:8px;color:#d0d8d8;text-decoration:none;font-family:"Press Start 2P",monospace;font-size:11px;background:transparent;border:none;outline:none;padding:6px 10px;cursor:pointer;opacity:.85;transition:opacity .2s ease,color .2s ease,transform .2s ease;user-select:none;-webkit-user-select:none}.github-link:hover{opacity:1;color:#fff;transform:translateY(-1px)}.github-link .github-icon{fill:currentColor;flex-shrink:0}.game-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center;background:transparent;padding:7px}.game{position:relative;width:992px;height:920px;background-color:transparent;font-family:"Press Start 2P",monospace;color:#f4f8f8;user-select:none;-webkit-user-select:none}.col-stats{position:absolute;left:0;top:0;width:250px;height:920px}.col-left{position:absolute;left:260px;top:0;width:428px;height:920px}.col-right{position:absolute;left:698px;top:0;width:294px;height:920px}.atype-inner{display:flex;align-items:center;justify-content:center;font-size:20px}.stats-title{font-size:16px;text-align:center;margin-top:20px;margin-bottom:16px}.stats-row{display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:16px;height:68px}.stats-row span{color:#a02830}.frame{--frame-border-color: #68c0b8;--frame-border-width: 3px;--frame-corner-size: 6;position:absolute;box-sizing:border-box}.frame__canvas{display:block;image-rendering:pixelated}.frame__inner{position:absolute;left:14px;top:14px;right:14px;bottom:14px;box-sizing:border-box}.frame--simple .frame__inner{padding:4px 8px}.frame--bevel .frame__inner{left:28px;top:28px;right:28px;bottom:28px;display:flex;align-items:center;justify-content:center}.frame--atype{left:0;top:0;width:250px;height:103px}.frame--atype .frame__inner{display:flex;align-items:center;justify-content:center}.frame--lines{left:0;top:0;width:428px;height:103px}.frame--lines .frame__inner{display:flex;align-items:center;justify-content:center;font-size:30px;letter-spacing:2px}.frame--top{left:0;top:0;width:294px;height:316px}.frame--top .frame__inner{display:flex;flex-direction:column;justify-content:center;font-size:30px;line-height:1.35;padding-left:16px}.frame--top .v-gap{height:30px}.frame--level{left:0;top:650px;width:220px;height:122px}.frame--level .frame__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:30px}.frame--stats{left:0;top:113px;width:250px;height:580px}.frame--stats .frame__inner{display:flex;flex-direction:column;align-items:stretch;padding:2px 2px 8px}.frame--playfield{left:0;top:110px;width:428px;height:808px}.frame--next{left:0;top:338px;width:220px;height:290px}.frame--next .frame__inner{flex-direction:column;gap:18px}.frame--next .frame__label{font-size:26px}canvas{display:block;image-rendering:pixelated}#board{touch-action:none;cursor:pointer}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:auto;overflow:hidden}.menu-overlay.hidden{display:none}#menu-canvas{image-rendering:pixelated;transform-origin:center center;flex-shrink:0}.wall-tile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.5;z-index:105}.wall-tile-overlay.hidden{display:none}.game-controls{--control-button-scale: 1;position:absolute;left:0;top:710px;width:250px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10}.game-btn{--control-button-width: calc(100px * var(--control-button-scale));--control-button-height: calc(32px * var(--control-button-scale));--control-button-corner: calc(4px * var(--control-button-scale));--control-button-corner-offset: calc(2px * var(--control-button-scale));--control-button-corner-shadow: calc(var(--control-button-width) - var(--control-button-corner) - var(--control-button-corner-offset) * 2);font-family:"Press Start 2P",monospace;font-size:calc(12px * var(--control-button-scale));width:var(--control-button-width);height:var(--control-button-height);padding:0;border:calc(2px * var(--control-button-scale)) solid;background:#000;cursor:pointer;position:relative;text-align:center;display:flex;align-items:center;justify-content:center}.game-btn:before{content:"";position:absolute;width:var(--control-button-corner);height:var(--control-button-corner);top:var(--control-button-corner-offset);left:var(--control-button-corner-offset)}.game-btn:after{content:"";position:absolute;width:var(--control-button-corner);height:var(--control-button-corner);bottom:var(--control-button-corner-offset);left:var(--control-button-corner-offset)}.game-btn--start{border-color:#38b838;color:#70e070}.game-btn--start:before{background:#70e070;box-shadow:var(--control-button-corner-shadow) 0 0 0 #70e070}.game-btn--start:after{background:#70e070;box-shadow:var(--control-button-corner-shadow) 0 0 0 #70e070}.game-btn--quit{border-color:#bc3c1d;color:#e86850}.game-btn--quit:before{background:#e86850;box-shadow:var(--control-button-corner-shadow) 0 0 0 #e86850}.game-btn--quit:after{background:#e86850;box-shadow:var(--control-button-corner-shadow) 0 0 0 #e86850}.game-btn--pause{border-color:#d8a810;color:#f8d848}.game-btn--pause:before{background:#f8d848;box-shadow:var(--control-button-corner-shadow) 0 0 0 #f8d848}.game-btn--pause:after{background:#f8d848;box-shadow:var(--control-button-corner-shadow) 0 0 0 #f8d848}.game-btn--resume{border-color:#38b838;color:#70e070}.game-btn--resume:before{background:#70e070;box-shadow:var(--control-button-corner-shadow) 0 0 0 #70e070}.game-btn--resume:after{background:#70e070;box-shadow:var(--control-button-corner-shadow) 0 0 0 #70e070}.game-btn:focus{outline:none;box-shadow:0 0 0 3px #f8f8f8}.game-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #f8f8f8}.game-btn:hover{filter:brightness(1.2)}.game-btn.hidden{display:none}.game-btn--restart{border-color:#38b838;color:#70e070}.game-btn--restart:before{background:#70e070;box-shadow:var(--control-button-corner-shadow) 0 0 0 #70e070}.game-btn--restart:after{background:#70e070;box-shadow:var(--control-button-corner-shadow) 0 0 0 #70e070}.keyboard-overlay{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000c;z-index:50}.keyboard-overlay.hidden{display:none}.keyboard{background:#000;border:3px solid #68c0b8;padding:20px;display:flex;flex-direction:column;gap:15px}.keyboard__display{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#1a1a1a;border:2px solid #68c0b8}.keyboard__label{font-family:"Press Start 2P",monospace;font-size:14px;color:#f8f8f8}.keyboard__input{font-family:"Press Start 2P",monospace;font-size:24px;color:#70e070;letter-spacing:4px}.keyboard__rows{display:flex;flex-direction:column;gap:8px}.keyboard__row{display:flex;justify-content:center;gap:6px}.keyboard__key{font-family:"Press Start 2P",monospace;font-size:12px;width:36px;height:36px;border:2px solid #5898f8;background:#000;color:#88c0f8;cursor:pointer;display:flex;align-items:center;justify-content:center}.keyboard__key:hover{background:#284898}.keyboard__key:active{background:#5898f8;color:#000}.keyboard__key--wide{width:60px}.keyboard__key--enter{border-color:#38b838;color:#70e070}.keyboard__key--enter:hover{background:#186818}.keyboard__key--enter:active{background:#38b838;color:#000}@media (max-width: 800px){.col-stats{display:none}.game{width:668px;display:flex;flex-direction:row}.col-right{position:relative;left:auto;top:auto;order:1;width:230px;height:920px;flex-shrink:0}.col-right .frame--top{width:220px;height:240px}.col-right .frame--top .frame__inner{font-size:24px;line-height:1.3;padding-left:12px}.col-right .frame--top .v-gap{height:20px}.col-right .frame--next{top:260px}.col-right .frame--level{top:570px}.col-left{position:relative;left:auto;top:auto;order:2;width:428px;height:920px;flex-shrink:0;margin-left:10px}.game-controls{left:0;top:710px;width:230px}.game-btn{font-size:calc(12px * var(--control-button-scale));width:var(--control-button-width);height:var(--control-button-height);padding:0}}