#livesLabel { color: var(--bad); letter-spacing: 1px; }

.tm-stage { display: grid; place-items: center; min-height: 400px; padding: 26px 18px 18px;
    background: linear-gradient(#ffffff1f, #ffffff1f), url("chibi/nen-trinho.webp?v=20261104a") center / cover, #9fd36b; }
:root[data-theme="dark"] .tm-stage { background: linear-gradient(#0b1a2acc, #0b1a2acc), url("chibi/nen-trinho.webp?v=20261104a") center / cover, #10241a; }
.tm-stage .ba-banner { color: #fff3b0; text-shadow: 0 3px 0 #6b3d10, 0 0 14px #3a1a08aa; }
.tm-mascot { position: absolute; right: 10px; bottom: 6px; width: clamp(90px, 11vw, 150px); pointer-events: none; filter: drop-shadow(0 6px 8px #0005); transition: transform .2s; z-index: 2; }
.tm-mascot.is-pop { animation: tm-pop .45s; }
@keyframes tm-pop { 40% { transform: translateY(-14px) scale(1.06); } }
@media (max-width: 1180px) { .tm-mascot { display: none; } }
.tm-view { position: absolute; left: 14px; right: 14px; top: 8px; height: 6px; overflow: hidden; border-radius: 3px; background: #ffffff1a; }
.tm-view i { display: block; height: 100%; background: linear-gradient(90deg, #fbbf24, #f97316); transform: scaleX(0); transform-origin: left; }
.tm-view i.is-pick { background: linear-gradient(90deg, #22d3ee, #34d399); }
.tm-view i.is-pick.is-low { background: linear-gradient(90deg, #f87171, #ef4444); }
.tm-board { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; width: min(100%, 920px, max(320px, calc((100vh - 390px) * 1.6))); user-select: none; -webkit-user-select: none; touch-action: manipulation; }
.typing-game .tm-cell { position: relative; aspect-ratio: 1; padding: 0; border: 0; border-radius: 12px; background: transparent; color: transparent; font-size: clamp(16px, 4vw, 30px); font-weight: 800; cursor: pointer; transition: transform .08s; }
.typing-game .tm-cell:active { transform: scale(.94); }
.tm-cell[data-kind="empty"] { background: radial-gradient(circle at 50% 55%, #ffffff26, transparent 62%); }
.tm-cell[data-kind="done"] { background: url("chibi/o-vang.webp?v=20261104a") center / 100% 100% no-repeat; opacity: .55; }
.tm-cell[data-kind="number"] { background: url("chibi/o-mat.webp?v=20261104a") center / 100% 100% no-repeat; color: #5a3410; text-shadow: 0 2px 0 #fff8e1; filter: drop-shadow(0 4px 5px #0004); }
.tm-cell[data-kind="covered"] { background: url("chibi/o-up.webp?v=20261104a") center / 100% 100% no-repeat; filter: drop-shadow(0 4px 5px #0004); }
.tm-cell.is-nudge { animation: tm-nudge .45s; }
@keyframes tm-nudge { 30% { box-shadow: inset 0 0 0 3px #fbbf24; background: #fbbf2422; } }
#hint.is-warn { border-color: #fbbf24; color: #fbbf24; }
.tm-cell[data-kind="wrong"] { background: url("chibi/o-mat.webp?v=20261104a") center / 100% 100% no-repeat; filter: sepia(1) saturate(6) hue-rotate(-40deg) drop-shadow(0 0 10px #ef4444); animation: tm-shake .3s; }
@keyframes tm-shake { 25% { translate: -4px 0; } 75% { translate: 4px 0; } }

@media (max-width: 699px) {
    .tm-stage { min-height: 300px; padding: 18px 6px 8px; }
    .tm-board { gap: 4px; }
    .typing-game .tm-cell { border-radius: 8px; }
}
.ba-play.is-full .tm-board { width: min(100%, 130vh); }