/* ===== 俄罗斯方块布局 ===== */
.tetris-wrap{
  display:flex;gap:18px;align-items:flex-start;justify-content:center;
  flex-wrap:wrap;max-width:760px;
}
.tetris-side{display:flex;flex-direction:column;gap:12px;width:140px;}
.tetris-side.right{align-items:stretch;}

.tetris-info{
  background:var(--panel);border:1px solid var(--border);border-radius:12px;
  padding:12px;text-align:center;backdrop-filter:blur(8px);
}
.tetris-info .label{font-size:11px;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;margin-bottom:6px;}
.tetris-info .value{font-size:22px;font-weight:800;}
.tetris-info .value.gold{color:var(--gold);}
.tetris-info canvas{display:block;margin:0 auto;background:rgba(0,0,0,0.3);border-radius:8px;}

.tetris-board-wrap{position:relative;}
#tetrisBoard{
  display:block;background:#0a0d1e;border:2px solid var(--border);
  border-radius:12px;box-shadow:0 12px 50px rgba(0,0,0,0.5),inset 0 0 40px rgba(0,0,0,0.4);
}

.tetris-overlay{
  position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  flex-direction:column;gap:14px;text-align:center;
  background:rgba(8,10,24,0.82);backdrop-filter:blur(4px);border-radius:12px;padding:20px;
}
.tetris-overlay.show{display:flex;}
.tetris-overlay h2{margin:0;font-size:24px;}
.tetris-overlay p{margin:0;color:var(--text-dim);font-size:14px;}
.tetris-overlay .big-score{font-size:30px;font-weight:800;color:var(--gold);}

.tetris-controls{display:flex;flex-direction:column;gap:8px;}
.tetris-controls .row{display:flex;gap:8px;}
.tetris-controls .btn{flex:1;padding:10px 12px;font-size:13px;}
.tetris-difficulty{
  background:var(--panel);border:1px solid var(--border);color:var(--text);
  padding:9px 10px;border-radius:9px;font-size:13px;
}
.tetris-difficulty option{background:#1e2440;}

.tetris-keys{font-size:11px;color:var(--text-dim);line-height:1.7;padding:10px;background:var(--panel);border-radius:10px;border:1px solid var(--border);}
.tetris-keys b{color:var(--text);}

/* 移动端虚拟按键 */
.tetris-touch{display:none;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;width:100%;max-width:300px;}
.tetris-touch button{
  background:var(--panel);border:1px solid var(--border);border-radius:10px;
  padding:14px 0;font-size:20px;
}
.tetris-touch button:active{background:rgba(108,140,255,0.3);}

@media (max-width:680px){
  .tetris-side{width:110px;}
  .tetris-info .value{font-size:18px;}
  .tetris-touch{display:grid;}
}