/* Keep all ten levels visible and easy to select during computer play. */
.difficulty-panel{margin-top:14px;padding:13px 12px 11px;border:1px solid #536572;border-radius:8px;background:linear-gradient(135deg,#34444c66,#14283299)}
.difficulty-panel .difficulty-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.difficulty-heading h2{margin:0;font-size:.78rem;font-weight:600;color:#d9e2e2;letter-spacing:-.025em}
.difficulty-panel .difficulty-heading strong{font-size:.74rem;font-weight:650;color:#f2ce95;white-space:nowrap}
.difficulty-panel .level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.difficulty-panel .level-button{display:flex;align-items:center;justify-content:center;width:100%;height:37px;min-height:37px;padding:0;border:1px solid #5a707b;border-radius:5px;background:#20343f;color:#d9e4e8;font:600 .92rem ui-monospace,Consolas,monospace;box-shadow:inset 0 1px 0 #ffffff08}
.difficulty-panel .level-button:hover{border-color:#ddc092;background:#354b55;color:#fff1d7}
.difficulty-panel .level-button[aria-pressed=true]{background:linear-gradient(#f1d0a0,#deb47b);border-color:#f6d6a6;color:#322818;box-shadow:inset 0 1px 0 #fff1d4aa,0 2px 6px #0003}
.difficulty-panel .level-button:focus-visible{outline:2px solid #fff0cc;outline-offset:3px}
.difficulty-panel .level-description{margin:9px 0 0;font-size:.69rem;line-height:1.65;color:#b8c8cd;min-height:1.65em}
@media(max-width:960px){.difficulty-panel{padding:14px}.difficulty-heading h2{font-size:.85rem}.difficulty-panel .difficulty-heading strong{font-size:.8rem}.difficulty-panel .level-button{height:42px;min-height:42px;font-size:1rem}.difficulty-panel .level-description{font-size:.76rem}}