.tavern-table { --felt: #174d3d; background: linear-gradient(145deg, rgba(91, 58, 32, .96), rgba(43, 28, 18, .98)); border: 2px solid #8f6339; border-radius: 18px; box-shadow: inset 0 0 0 5px rgba(20, 12, 7, .42), var(--shadow); margin: 0 auto; max-width: 960px; padding: clamp(.7rem, 2vw, 1.25rem); }
.tavern-score { background: #17251f; border: 1px solid rgba(227, 163, 75, .35); border-radius: 10px; color: #e7e2ce; font-family: ui-monospace, Consolas, monospace; padding: .55rem .8rem; }
.tavern-canvas { background: var(--felt); border: 3px solid #ba8a4c; border-radius: 12px; display: block; height: auto; margin: 0 auto; max-width: 100%; touch-action: none; }
.power-row { align-items: center; display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center; margin-top: .8rem; }
.power-row input[type="range"] { accent-color: var(--accent); max-width: 18rem; width: 55vw; }
@media (max-width: 600px) { .tavern-table { padding: .45rem; } }