.feedback-panel{width:100%;max-width:780px;margin:16px auto 24px;text-align:left;flex:none;overflow-wrap:anywhere;background:#251a37}
.feedback-panel h2{font-size:clamp(1.25rem,3vw,1.65rem);margin-bottom:12px}
.feedback-panel fieldset{border:0;padding:0;margin:12px 0}.feedback-panel legend{padding:0 0 10px;font-weight:650}
.feedback-ratings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:430px}
.feedback-ratings label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:1px solid #c5a8e870;border-radius:12px;cursor:pointer}
.feedback-ratings input{accent-color:#f1d08f;margin:0;width:17px;height:17px}
.feedback-ratings label:has(input:checked){background:#f1d08f;color:#251a37;border-color:#f1d08f}
.feedback-ratings label:focus-within{outline:3px solid #f4ce83;outline-offset:3px}
.feedback-panel textarea{display:block;resize:vertical;min-height:100px;width:100%;margin:8px 0 14px;border:1px solid #c5a8e870;border-radius:12px;background:#170f28;color:#f6f0ff;padding:12px;font:inherit;font-size:16px;line-height:1.5;scroll-margin-block:24px}
.feedback-panel textarea:focus-visible{outline:3px solid #f4ce83;outline-offset:3px}
.feedback-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 0}
.feedback-status{line-height:1.5;font-size:.95rem}.feedback-status:empty{display:none}
.feedback-invitation{margin-top:18px;border-top:1px solid #c5a8e840;padding-top:18px}.feedback-invitation button{margin:0 8px 8px 0}
.match-view.phase-completed{overflow:auto;overscroll-behavior:contain}.match-view.phase-completed .result{overflow:visible;flex:none}
@media(max-width:480px){.feedback-panel{padding:17px}.feedback-ratings{gap:5px}.feedback-ratings label{gap:4px}.feedback-actions button{flex:1;min-width:110px}}
@media(max-height:500px){.feedback-panel{padding:16px;margin-top:8px}.feedback-panel textarea{min-height:90px}}
