.choices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.choice { min-height: 64px; padding: 16px 10px; border: 3px solid var(--cyan); clip-path: var(--pixel-cut); background: var(--cabinet); font: 700 16px/1.3 var(--font-body); color: var(--text); overflow-wrap: anywhere; }
.choice[aria-pressed="true"] { background: var(--lemon); border-color: var(--lemon); color: var(--cabinet); }
.choice.correct-rev { background: var(--mint); border-color: var(--mint); color: var(--cabinet); }
.choice.incorrect-rev { background: var(--coral); border-color: var(--coral); color: var(--cabinet); }
.choice.dimmed { opacity: .4; }
/* An inset ring remains visible inside the cut corners. */
.choice:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--lemon); }
.choice[aria-pressed="true"]:focus-visible { box-shadow: inset 0 0 0 3px var(--cabinet); }
.ci { display: inline-block; margin-left: 8px; }
.choices[data-format="estimation"], .choices[data-format="drag-to-order"], .choices[data-format="category-grid"] { display: block; }
.est-value { display: block; color: var(--lemon); font: 400 30px/1.3 var(--font-pixel); overflow-wrap: anywhere; }
.est-unit { display: block; color: var(--muted); font-size: 17px; margin: 6px 0 16px; }
.est-wrap { text-align: center; padding: 4px 4px 12px; }
.est-slider { appearance: none; -webkit-appearance: none; width: 100%; min-height: 44px; margin: 0; background: transparent; cursor: pointer; }
.est-slider::-webkit-slider-runnable-track { height: 6px; background: var(--cyan); }
.est-slider::-moz-range-track { height: 6px; background: var(--cyan); }
.est-slider::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 28px; height: 28px; margin-top: -11px; background: var(--lemon); border: 3px solid var(--cabinet); border-radius: 0; }
.est-slider::-moz-range-thumb { width: 22px; height: 22px; background: var(--lemon); border: 3px solid var(--cabinet); border-radius: 0; }
.est-range { display: flex; justify-content: space-between; font-size: 14px; color: var(--muted); }
.est-reveal { height: 122px; position: relative; margin: 20px 8px 0; }
.est-number-line { position: absolute; top: 60px; left: 0; right: 0; height: 4px; background: var(--cyan); }
.est-marker { position: absolute; top: 10px; transform: translateX(-50%); font-size: 14px; white-space: nowrap; }
.est-marker b { display: block; font: 400 10px var(--font-pixel); }
.est-marker::after { content: ''; display: block; position: absolute; top: 40px; left: 50%; width: 3px; height: 12px; background: currentColor; }
.est-marker.you { color: var(--magenta); } .est-marker.correct { top: 82px; color: var(--mint); }
.est-marker.correct::after { top: -18px; }
.ord-list { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
.ord-item { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 6px; border: 2px solid var(--cyan); background: var(--panel); padding: 6px; }
.ord-item.dragging { border-color: var(--lemon); background: var(--cabinet); }
.ord-label { font-size: 17px; line-height: 1.3; }
.ord-detail { display: block; color: var(--muted); font-size: 14px; margin-top: 4px; }
.ord-handle { touch-action: none; cursor: grab; background: transparent; border: 0; color: var(--cyan); font-size: 26px; padding: 0; }
.ord-handle:active { cursor: grabbing; }
.ord-moves { display: flex; flex-direction: column; gap: 2px; }
.ord-move { width: 52px; min-height: 44px; padding: 4px; background: var(--cabinet); color: var(--cyan); border: 1px solid var(--panel-line); font: 400 10px var(--font-pixel); }
.ord-move:disabled { color: var(--muted); border-color: transparent; }
.ord-correct { border-color: var(--mint); } .ord-wrong { border-color: var(--coral); }
.order-status { margin: 8px 0 0; color: var(--muted); font-size: 15px; }
.grid-board { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; }
.grid-tile { min-height: 52px; padding: 8px 3px; background: var(--panel); color: var(--text); border: 2px solid var(--cyan); font: 700 13px/1.2 var(--font-body); overflow-wrap: anywhere; }
.grid-tile[aria-pressed="true"] { color: var(--cabinet); border-color: var(--lemon); background: var(--lemon); }
.grid-solved { display: grid; gap: 6px; margin-bottom: 8px; }
.grid-solved-row { padding: 12px; color: var(--cabinet); text-align: center; }
.grid-solved-name { font-size: 16px; font-weight: 700; }
.grid-solved-words { font-size: 14px; margin-top: 4px; }
.grid-controls { margin-top: 14px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.grid-mistakes { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--muted); font: 400 10px var(--font-pixel); margin-bottom: 4px; }
.grid-life { width: 12px; height: 12px; background: var(--lemon); }
.grid-life-lost { background: var(--coral); }
.grid-submit, .grid-deselect { padding: 10px 12px; background: var(--panel); border: 2px solid var(--cyan); color: var(--cyan); font: 400 10px var(--font-pixel); }
.grid-submit:disabled, .grid-deselect:disabled { border-color: var(--panel-line); color: var(--muted); }
.grid-message { color: var(--muted); text-align: center; margin: 10px 0 0; min-height: 22px; font-size: 16px; }