.tetris{max-width:60rem}.tetris-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.1rem;align-items:start}.shaft-column{width:min(480px,calc(100vw - 2rem))}.shaft{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#1b1711,#241d15);touch-action:none;-webkit-user-select:none;user-select:none}.column{position:absolute;top:0;bottom:0;border-right:1px dashed rgba(128,112,90,.35)}.column.tower{border-left:2px solid color-mix(in srgb,var(--gold) 50%,transparent);border-right:2px solid color-mix(in srgb,var(--gold) 50%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 5%,transparent),color-mix(in srgb,var(--gold) 15%,transparent))}.column.tower:after{content:"Turm";position:absolute;top:4px;left:0;right:0;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--gold);opacity:.7}.block{position:absolute;display:flex;align-items:center;justify-content:center;color:#f3ead6;font-weight:700;white-space:nowrap}.block.falling{z-index:3;border:1px solid var(--terracotta);background:#2c261eeb;box-shadow:0 4px 12px #00000080}.block.rubble{border:1px solid #4a3f33;background:repeating-linear-gradient(45deg,#3a3128 0 6px,#332b22 6px 12px);color:#eadcbc73}.block.snap{border:1px solid rgba(134,181,111,.6);background:#86b56f29;animation:snap-in .35s}@keyframes snap-in{0%{transform:scale(1.3);box-shadow:0 0 18px #dcab4b}to{transform:scale(1)}}.block.decay{animation:decay .45s forwards}@keyframes decay{to{transform:scale(.3) rotate(25deg);opacity:0}}.block.clearing{animation:clear-row .6s forwards}@keyframes clear-row{30%{background:#dcab4b;transform:scale(1.08)}to{opacity:0;transform:scaleY(.1)}}.buttons-mobile{display:none;justify-content:center;gap:.6rem;margin-top:.6rem}.buttons-mobile button{min-width:4rem;padding:.6rem 1rem;font-size:1.3rem}.target-mobile{display:none;margin-bottom:.4rem;text-align:center}.info{display:flex;flex-direction:column;gap:.7rem}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.info .board-box .board{max-width:17rem;margin:0 auto}.info .message{min-height:3.6em;margin:0;text-align:left}.help{font-size:.8rem;line-height:1.6;color:var(--muted)}.help kbd{padding:0 .3rem;border:1px solid var(--line);border-radius:4px;font-family:system-ui,sans-serif;font-size:.75rem;color:var(--light)}.done{max-height:8rem;overflow:auto;font-size:.85rem}.done small{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.done div{display:flex;justify-content:space-between;gap:.5rem;padding:.1rem 0}.done em{font-style:normal;color:var(--terracotta)}[data-design=modern-light] .shaft{background:linear-gradient(180deg,#efe6da,#e4d6c4)}[data-design=modern-light] .block.falling{background:#3c2d20eb}:root .shaft{border-radius:16px;border-color:var(--border)}@media (max-width: 760px){.tetris-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.info{width:100%}.target-mobile{display:block}}@media (hover: none),(max-width: 760px){.buttons-mobile{display:flex}}