/* 俄罗斯方块 */
.tb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}
.tb-switch{margin:0;padding-left:2.4rem}
.tb-switch .form-check-label{font-size:.8125rem;color:#5b6675}

.tb-stage{display:flex;justify-content:center;align-items:flex-start;gap:.8rem;margin-top:.9rem}
.tb-board{position:relative;border-radius:.7rem;overflow:hidden;background:#0f172a;
  box-shadow:0 10px 26px rgba(15,23,42,.28);line-height:0;-webkit-tap-highlight-color:transparent;
  touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.tb-board.is-drag{cursor:grabbing}
.tb-board canvas{display:block}
.tb-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.5rem;padding:.75rem;text-align:center;color:#fff;background:rgba(15,23,42,.76);transition:opacity .18s ease-out}
.tb-overlay.is-off{opacity:0;pointer-events:none}
.tb-overlay-title{font-size:1.2rem;font-weight:700;letter-spacing:.02em}
.tb-overlay-sub{max-width:12rem;font-size:.75rem;line-height:1.6;color:rgba(255,255,255,.8)}
.tb-overlay .btn{--bs-btn-padding-y:.28rem;--bs-btn-font-size:.8125rem}

.tb-side{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .45rem .6rem;
  border:1px solid #eef1f5;border-radius:.7rem;background:#fafbfd}
.tb-side-title{color:#8a9199;font-size:.6875rem}
.tb-side canvas{display:block;border-radius:.45rem;background:#0f172a}

.tb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.9rem}
.tb-stat{padding:.5rem .35rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd;text-align:center}
.tb-stat b{display:block;color:var(--site-primary,#6d28d9);font-size:1.15rem;line-height:1.25;font-variant-numeric:tabular-nums}
.tb-stat span{display:block;margin-top:.1rem;color:#8a9199;font-size:.6875rem}

.tb-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;max-width:22rem;margin:1rem auto 0}
.tb-btn{display:flex;align-items:center;justify-content:center;height:2.9rem;border:1px solid #e3e8ee;border-radius:.7rem;
  background:#fff;color:#5b6675;font-size:1.1rem;cursor:pointer;touch-action:none;user-select:none;
  box-shadow:0 1px 2px rgba(15,23,42,.05);transition:transform .06s ease-out,background .12s,color .12s,border-color .12s}
.tb-btn:hover{color:var(--site-primary,#6d28d9);border-color:#ddd6fe}
.tb-btn:active{transform:scale(.95);background:var(--site-primary,#6d28d9);border-color:var(--site-primary,#6d28d9);color:#fff}
.tb-btn-main{background:#f5f3ff;border-color:#ddd6fe;color:var(--site-primary,#6d28d9)}