.ttt-depth-round { margin: 1rem 0; padding: .75rem; border: 2px solid #29283f; border-radius: .5rem; background: #fff8eb; color: #29283f; }
.ttt-depth-round summary { min-height: 44px; display: flex; align-items: center; font-weight: 800; cursor: pointer; }
.ttt-depth-round-body { display: grid; gap: .75rem; }
.ttt-depth-round-body p { margin: 0; line-height: 1.5; overflow-wrap: anywhere; }
.ttt-depth-round-controls { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); gap: .5rem; }
.ttt-depth-round-controls label { display: grid; gap: .35rem; font-weight: 700; }
.ttt-depth-round-controls select, .ttt-depth-round-controls button { min-width: 0; min-height: 44px; width: 100%; padding: .6rem; border: 2px solid #29283f; border-radius: .35rem; font: inherit; background: #fffdf7; color: #29283f; white-space: normal; }
.ttt-depth-round-controls button { font-weight: 700; cursor: pointer; }
.ttt-depth-round :disabled { opacity: .55; cursor: default; }
.ttt-depth-round :focus-visible { outline: 3px solid #a52532; outline-offset: 2px; }
.ttt-depth-round-note { font-size: .875rem; }
.ttt-depth-round output { min-height: 1.5em; line-height: 1.5; }