.tetris-game-wrapper{--tetris-cell: 20px;--tetris-radius: 16px;--tetris-border-width: 2px;--tetris-surface: var(--color-background, #ffffff);--tetris-text: var(--color-foreground, #111111);--tetris-surface-2: rgba(0, 0, 0, .04);--tetris-border: rgba(0, 0, 0, .14);--tetris-piece: var(--color-accent, #2563eb);--tetris-piece-muted: rgba(37, 99, 235, .35);color:var(--tetris-text);font-family:inherit}@supports (color: color-mix(in srgb,black 10%,transparent)){.tetris-game-wrapper{--tetris-border: color-mix(in srgb, currentColor 18%, transparent);--tetris-surface-2: color-mix(in srgb, currentColor 6%, transparent);--tetris-piece-muted: color-mix(in srgb, var(--tetris-piece) 35%, transparent)}}.tetris-game-wrapper .tetris-shell{max-width:900px;margin:0 auto;padding:clamp(16px,3vw,32px)}.tetris-game-wrapper .tetris-panel{background:var(--tetris-surface);border:var(--tetris-border-width) solid var(--tetris-border);border-radius:var(--tetris-radius);padding:clamp(16px,2.5vw,28px)}.tetris-game-wrapper .tetris-title{margin:0 0 14px;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;letter-spacing:.2px}.tetris-game-wrapper .tetris-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.tetris-game-wrapper h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:.2px;display:inline-flex;gap:8px;align-items:baseline}.tetris-game-wrapper #score{font-variant-numeric:tabular-nums;font-weight:700}.tetris-game-wrapper .tetris-header-buttons{display:inline-flex;gap:10px;align-items:center}.tetris-game-wrapper #start-button,.tetris-game-wrapper [data-tetris-start],.tetris-game-wrapper [data-tetris-reset]{appearance:none;-webkit-appearance:none;font:inherit;font-weight:600;line-height:1;cursor:pointer;padding:10px 14px;border-radius:999px;border:var(--tetris-border-width) solid var(--tetris-border);background:transparent;color:inherit;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.tetris-game-wrapper #start-button:hover,.tetris-game-wrapper [data-tetris-start]:hover,.tetris-game-wrapper [data-tetris-reset]:hover{background:var(--tetris-surface-2)}.tetris-game-wrapper #start-button:active,.tetris-game-wrapper [data-tetris-start]:active,.tetris-game-wrapper [data-tetris-reset]:active{transform:translateY(1px)}.tetris-game-wrapper #start-button:focus-visible,.tetris-game-wrapper [data-tetris-start]:focus-visible,.tetris-game-wrapper [data-tetris-reset]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.tetris-game-wrapper .tetris-gameover{margin-top:12px;font-weight:600;font-size:1rem;text-align:center}.tetris-game-wrapper .tetris-layout{display:flex;align-items:flex-start;gap:clamp(16px,3vw,36px);justify-content:center;flex-wrap:wrap}.tetris-game-wrapper .tetris-board-wrap,.tetris-game-wrapper .tetris-next-wrap{display:grid;gap:10px;justify-items:center}.tetris-game-wrapper .tetris-label{font-size:.95rem;font-weight:600;opacity:.85;margin:0}.tetris-game-wrapper .tetris-grid{width:calc(var(--tetris-cell) * 10);height:calc(var(--tetris-cell) * 20);display:grid;grid-template-columns:repeat(10,var(--tetris-cell));grid-auto-rows:var(--tetris-cell);background:var(--tetris-surface);border:var(--tetris-border-width) solid var(--tetris-border);border-radius:14px;overflow:hidden}.tetris-game-wrapper .tetris-mini-grid{width:calc(var(--tetris-cell) * 4);height:calc(var(--tetris-cell) * 4);display:grid;grid-template-columns:repeat(4,var(--tetris-cell));grid-auto-rows:var(--tetris-cell);background:var(--tetris-surface);border:var(--tetris-border-width) solid var(--tetris-border);border-radius:14px;overflow:hidden}.tetris-game-wrapper .tetris-grid>div,.tetris-game-wrapper .tetris-mini-grid>div{width:var(--tetris-cell);height:var(--tetris-cell);box-sizing:border-box;flex:none!important;min-width:0!important;box-shadow:inset 0 0 0 1px #0000000f}@supports (color: color-mix(in srgb,black 10%,transparent)){.tetris-game-wrapper .tetris-grid>div,.tetris-game-wrapper .tetris-mini-grid>div{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 8%,transparent)}}.tetris-game-wrapper .tetris-controls{display:none;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.tetris-game-wrapper .tetris-btn{appearance:none;-webkit-appearance:none;cursor:pointer;min-width:56px;min-height:48px;padding:12px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:#0000000a;color:inherit;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1;-webkit-text-size-adjust:100%;font-variant-emoji:text;user-select:none;-webkit-user-select:none;touch-action:manipulation}.tetris-game-wrapper .tetris-btn:active{transform:translateY(1px)}.tetris-game-wrapper .tetris-btn svg{width:24px;height:24px;display:block;stroke:currentColor;stroke-width:2.5;fill:none;pointer-events:none}@supports (color: color-mix(in srgb,black 10%,transparent)){.tetris-game-wrapper .tetris-btn{border-color:color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,currentColor 6%,transparent)}}@media (max-width: 768px){.tetris-game-wrapper .tetris-controls{display:flex}}@media (prefers-reduced-motion: reduce){.tetris-game-wrapper #start-button,.tetris-game-wrapper [data-tetris-start],.tetris-game-wrapper [data-tetris-reset]{transition:none}}@media (max-width: 480px){.tetris-game-wrapper{--tetris-cell: 22px}.tetris-game-wrapper .tetris-header{justify-content:center;text-align:center}}.tetris-game-wrapper .tetris-illustration{max-width:260px;margin:10px auto 16px}.tetris-game-wrapper .tetris-illustration img{width:100%;height:auto;display:block;border-radius:12px}@media (min-width: 769px){.tetris-game-wrapper .tetris-panel{position:relative;padding-bottom:140px}.tetris-game-wrapper .tetris-illustration{position:absolute;left:18px;bottom:18px;margin:0;max-width:220px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tetris-game.css.map */