.tetris-outer-wrapper,.tetris-outer-wrapper>div{justify-content:center;width:100%;display:flex}.tetris-game-container{box-sizing:border-box;background-color:#003d50;background-image:linear-gradient(135deg,#0000001f 0%,#0000 50%,#0000001f 100%);border-top:1px solid #2293bf4d;border-bottom:1px solid #2293bf4d;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 16px;transition:background-color 1.5s;display:flex}.tetris-board-row{flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;display:flex}.tetris-board-wrapper{flex-direction:column;align-items:center;display:flex}.tetris-next{color:#fff;text-align:center;background:#0003;border:1px solid #2293bf26;border-radius:3px;padding:3px;font-family:ProximaNova,-apple-system,BlinkMacSystemFont,sans-serif}.tetris-next .tetris-score-label{letter-spacing:1px;margin-bottom:2px;font-size:7px}.tetris-stats{flex-direction:row;justify-content:center;gap:8px;width:100%;max-width:400px;display:flex}.game-board{table-layout:fixed;border-collapse:collapse;background-color:#001a24;border:2px solid #2293bf;display:table;box-shadow:inset 0 0 20px #00000080,0 0 12px #2293bf33}.game-board>div{display:table-row}.game-block{box-sizing:border-box;border:1px solid #ffffff0a;transition:background-color 50ms;display:table-cell;width:var(--block-size,26px)!important;height:var(--block-size,26px)!important;min-width:var(--block-size,26px)!important;min-height:var(--block-size,26px)!important;max-width:var(--block-size,26px)!important;max-height:var(--block-size,26px)!important}.game-block:not([class*=piece-]){background-color:#ffffff05}.piece-i{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;background:linear-gradient(135deg,#2aa3d4 0%,#2293bf 50%,#1a7a9f 100%)!important;border:1px solid #1a7a9f!important}.piece-o{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;background:linear-gradient(135deg,#fbb640 0%,#f5a623 50%,#d48c1a 100%)!important;border:1px solid #d48c1a!important}.piece-t{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;background:linear-gradient(135deg,#d4e84a 0%,#c6d92f 50%,#a8b828 100%)!important;border:1px solid #a8b828!important}.piece-s{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;background:linear-gradient(135deg,#1eb858 0%,#16a34a 50%,#128a3e 100%)!important;border:1px solid #128a3e!important}.piece-z{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;background:linear-gradient(135deg,#f07068 0%,#ea594d 50%,#c94a40 100%)!important;border:1px solid #c94a40!important}.piece-j{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;background:linear-gradient(135deg,#818cf8 0%,#6366f1 50%,#4f46e5 100%)!important;border:1px solid #4f46e5!important}.piece-l{box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0003;background:linear-gradient(135deg,#fb8c3c 0%,#f97316 50%,#ea580c 100%)!important;border:1px solid #ea580c!important}.piece-queue{background:linear-gradient(#002a3a 0%,#001a24 100%);border:1px solid #2293bf66;border-radius:2px;flex-direction:column;gap:2px;padding:2px;display:flex;box-shadow:inset 0 0 8px #0000004d}.piece-queue .game-block{width:var(--preview-size,14px)!important;height:var(--preview-size,14px)!important;min-width:var(--preview-size,14px)!important;min-height:var(--preview-size,14px)!important;max-width:var(--preview-size,14px)!important;max-height:var(--preview-size,14px)!important}.piece-queue-wrapper{flex-direction:column;gap:2px;display:flex;overflow:hidden}.piece-queue-wrapper>div{flex-direction:column;gap:2px;display:flex}.piece-queue-wrapper>div>:nth-child(n+4){display:none}.held-piece{background:linear-gradient(#002a3a 0%,#001a24 100%);border:1px solid #2293bf66;border-radius:4px;padding:4px}.held-piece .game-block{width:var(--preview-size,14px)!important;height:var(--preview-size,14px)!important;min-width:var(--preview-size,14px)!important;min-height:var(--preview-size,14px)!important;max-width:var(--preview-size,14px)!important;max-height:var(--preview-size,14px)!important}.tetris-score{color:#fff;text-align:center;background:#0003;border:1px solid #2293bf26;border-radius:4px;flex:1;min-width:0;padding:4px 8px;font-family:ProximaNova,-apple-system,BlinkMacSystemFont,sans-serif}.tetris-score-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80;margin-bottom:2px;font-size:9px;font-weight:600}.tetris-score-value{color:#c6d92f;text-shadow:0 0 8px #c6d92f4d;font-size:16px;font-weight:700}.tetris-lines-value{color:#f5a623;text-shadow:0 0 8px #f5a6234d;font-size:16px;font-weight:700}.tetris-level-value{color:#2293bf;text-shadow:0 0 8px #2293bf4d;font-size:16px;font-weight:700}.tetris-game-over{-webkit-backdrop-filter:blur(2px);background:radial-gradient(#000000bf 0%,#000000e6 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tetris-game-over-text{color:#ea594d;text-shadow:0 0 20px #ea594d99,0 2px 4px #00000080;letter-spacing:3px;font-family:ProximaNova,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:700}.tetris-game-over-score{color:#fffc;margin-top:8px;font-family:ProximaNova,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.tetris-paused-text{color:#f5a623!important;text-shadow:0 0 20px #f5a62399,0 2px 4px #00000080!important}.tetris-touch-hint{color:#fff6;text-align:center;margin-top:6px;font-family:ProximaNova,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px}.tetris-controls{box-sizing:border-box;flex-direction:column;align-items:center;gap:6px;width:100%;padding:4px 0 0;display:none}.tetris-ctrl-top{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.tetris-ctrl-dpad,.tetris-ctrl-rotate{gap:6px;display:flex}.tetris-ctrl-bottom{justify-content:center;gap:8px;width:100%;max-width:300px;display:flex}.tetris-ctrl-btn{color:#ffffffd9;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#2293bf59 0%,#2293bf2e 100%);border:1px solid #2293bf40;border-radius:10px;justify-content:center;align-items:center;width:52px;height:44px;font-family:ProximaNova,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:600;transition:background .1s;display:flex}.tetris-ctrl-btn:active{background:linear-gradient(#2293bf8c 0%,#2293bf59 100%);transform:scale(.94)}.tetris-ctrl-btn-rotate{background:linear-gradient(#f5a6234d 0%,#f5a6231f 100%);border-color:#f5a62340;border-radius:50%;width:52px;height:52px;font-size:24px}.tetris-ctrl-btn-rotate:active{background:linear-gradient(#f5a62380 0%,#f5a62340 100%)}.tetris-ctrl-btn-drop{letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(#c6d92f4d 0%,#c6d92f1f 100%);border-color:#c6d92f40;flex:3;height:38px;font-size:11px}.tetris-ctrl-btn-drop:active{background:linear-gradient(#c6d92f80 0%,#c6d92f47 100%)}.tetris-ctrl-btn-pause{background:#ffffff14;border-color:#ffffff1f;flex:1;height:38px;font-size:16px}.tetris-ctrl-btn-pause:active{background:#ffffff2e}.tetris-toast-container{z-index:10;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.tetris-toast{color:#fff;letter-spacing:.5px;white-space:nowrap;background:#000000d9;border-left:3px solid #2293bf;border-radius:4px;padding:6px 12px;font-family:ProximaNova,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:700;animation:.3s toast-in,.5s 2.5s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (max-width:500px){.tetris-game-container{gap:8px;padding:12px 16px}.tetris-board-row{gap:8px}.tetris-score{padding:4px 8px}.tetris-score-label{font-size:8px}.tetris-score-value,.tetris-lines-value,.tetris-level-value{font-size:13px}.tetris-touch-hint{display:none}.tetris-controls{display:flex}.tetris-game-over-text{font-size:18px}}@media (max-height:500px){.tetris-game-container{gap:6px;padding:6px 10px}.tetris-board-row{gap:8px}.tetris-next{padding:4px}.tetris-stats{gap:6px}.tetris-score{padding:2px 6px}.tetris-score-label{margin-bottom:1px;font-size:8px}.tetris-score-value,.tetris-lines-value,.tetris-level-value{font-size:12px}.tetris-touch-hint{display:none}.tetris-controls{display:none!important}.tetris-game-over-text{font-size:16px}}@media (max-width:360px){.tetris-ctrl-btn{width:46px;height:38px;font-size:16px}.tetris-ctrl-btn-rotate{width:46px;height:46px;font-size:20px}.tetris-controls{gap:12px}}