/* Minimum functional UI using existing WordWise surfaces and control tokens. */
.functional-panel{padding:20px;margin:16px 0}
.functional-panel h2,.functional-panel h3{margin:0 0 12px}
.functional-panel label{display:block;margin:10px 0;color:var(--muted);font:600 12px var(--sans)}
.functional-panel input:not([type=file]),.functional-panel textarea,.functional-panel select{display:block;width:100%;max-width:760px;margin-top:6px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--control-radius,6px);background:var(--card);color:var(--ink);font:12px var(--sans)}
.functional-panel textarea{resize:vertical}
.functional-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 var(--mono);max-height:480px;overflow:auto}
.functional-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.functional-table{overflow:auto;margin:12px 0}
.functional-table table{border-collapse:collapse;width:100%;font:12px/1.5 var(--sans)}
.functional-table th,.functional-table td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top;min-width:90px}
.functional-table th{color:var(--muted);font-weight:600}
.functional-toast{position:fixed;right:20px;bottom:20px;z-index:50;width:min(340px,calc(100vw - 40px));padding:16px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--control-radius,6px);box-shadow:0 6px 24px #0002;animation:enter var(--motion-fast,140ms) ease}
.functional-toast[hidden]{display:none}
.functional-toast p{margin:6px 0 0;color:var(--muted);font-size:12px}
.resolved-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;flex:none;overflow:hidden}
.custom-profile-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.frame-gold{outline:2px solid var(--gold);outline-offset:2px}.frame-lavender{outline:2px solid #9b83bf;outline-offset:2px}.accent-forest{box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 15%,transparent)}
.set-creator-avatar{width:36px;height:36px}
@media(prefers-reduced-motion:reduce){.functional-toast{animation:none}}

#definition-explorer-content .explorer-modes [aria-pressed=true],#wordwise-admin-controls .admin-tabs [aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--green) 14%,var(--card));border-color:var(--green)}
.ladder-item{padding:16px 0;border-top:1px solid var(--line)}
.ladder-item h3{margin:8px 0}.ladder-searched{border-left:3px solid var(--green);padding-left:16px}
.admin-tabs{gap:6px}.admin-progression-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(80px,120px) minmax(210px,1fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.admin-progression-row .functional-actions{margin:0}.functional-panel input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}
.admin-confirm{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--control-radius,6px);max-width:min(520px,90vw);padding:24px}
.admin-confirm::backdrop{background:#0007}.admin-confirm input{display:block;margin:12px 0;padding:10px;width:100%;background:var(--card);border:1px solid var(--line);color:var(--ink)}
@media(max-width:760px){.admin-progression-row{grid-template-columns:1fr 100px}.admin-progression-row .functional-actions{grid-column:1/-1}.admin-tabs button{flex:0 1 auto}}
/* Keep admin fields on the active WordWise surface even under legacy theme rules. */
#wordwise-admin-controls input:not([type=checkbox]),#wordwise-admin-controls select,#wordwise-admin-controls textarea,#admin-season-confirm input{background:var(--card);color:var(--ink);border-color:var(--line)}