/* Stay above the board HUD (10), below the dock (21) and reference panels (25). */
#tp-feedback-tools { position:fixed; right:16px; top:56px; width:max-content; display:flex; gap:3px; align-items:center; z-index:20; }
body:has(#net-lobby:not([hidden])) #tp-feedback-tools { visibility:hidden; }
#tp-feedback-tools button, #tp-feedback-dialog button, #tp-feedback-end { font:inherit; padding:10px 14px; border:1px solid #718184; border-radius:6px; background:#12282c; color:#eef2ed; cursor:pointer; }
#tp-feedback-end { margin-top:12px; font:13px system-ui,sans-serif; max-width:100%; }
#tp-feedback-tools button { font:12px system-ui,sans-serif; padding:5px 8px; min-height:30px; box-sizing:border-box; }
#tp-feedback-tools [hidden] { display:none !important; }
#tp-feedback-tools #tp-feedback-move { cursor:grab; touch-action:none; user-select:none; padding-inline:6px; }
#tp-feedback-tools.fb-dragging #tp-feedback-move { cursor:grabbing; }
#tp-feedback-tools #tp-feedback-minimise, #tp-feedback-tools #tp-feedback-home { min-width:30px; padding-inline:6px; }
#tp-feedback-dialog { position:fixed; inset:12px 12px 12px auto; margin:0; width:min(440px,calc(100vw - 24px)); max-width:none; max-height:calc(100dvh - 24px); height:fit-content; box-sizing:border-box; overflow:auto; border:1px solid #718184; border-radius:12px; background:#0d2227; color:#eef2ed; padding:22px; font:14px/1.5 system-ui,sans-serif; box-shadow:0 12px 60px #0008; }
#tp-feedback-dialog::backdrop { background:#0005; }
#tp-feedback-dialog [hidden] { display:none !important; }
#tp-feedback-dialog header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#tp-feedback-dialog h2 { margin:0; font-size:24px; font-weight:600; }
#tp-feedback-dialog p { margin:10px 0; }
#tp-feedback-dialog .fb-eyebrow { font-size:10px; letter-spacing:.16em; margin:0 0 4px; color:#b9c7c7; }
#tp-feedback-dialog .fb-intro, #tp-feedback-dialog .fb-small, #tp-feedback-dialog .fb-anchors { color:#bcc9c9; }
#tp-feedback-dialog label, #tp-feedback-dialog summary { cursor:pointer; }
#tp-feedback-dialog form > label { display:block; margin:16px 0 6px; font-weight:600; }
#tp-feedback-dialog textarea, #tp-feedback-dialog select { box-sizing:border-box; width:100%; padding:10px; background:#07191d; color:inherit; border:1px solid #718184; border-radius:6px; font:inherit; }
#tp-feedback-dialog textarea { resize:vertical; min-height:90px; }
#tp-feedback-ratings { border-block:1px solid #53676a; margin:18px 0; padding:12px 0; }
#tp-feedback-dialog summary { font-weight:600; }
#tp-feedback-dialog fieldset { border:0; margin:16px 0; padding:0; min-width:0; }
#tp-feedback-dialog legend { font-weight:600; }
#tp-feedback-dialog .fb-anchors { font-size:11px; margin:2px 0 7px; }
#tp-feedback-dialog .fb-score-row { display:flex; gap:5px; }
#tp-feedback-dialog .fb-score-row label { position:relative; flex:1; }
#tp-feedback-dialog .fb-score-row label:last-child { flex:2.2; }
#tp-feedback-dialog .fb-score-row input { position:absolute; opacity:0; width:1px; height:1px; }
#tp-feedback-dialog .fb-score-row span { display:block; padding:8px 2px; border:1px solid #718184; border-radius:5px; text-align:center; font-size:12px; }
#tp-feedback-dialog .fb-score-row input:checked + span { color:#102428; background:#e2e9e6; border-color:#e2e9e6; font-weight:700; }
#tp-feedback-dialog :focus-visible, #tp-feedback-tools :focus-visible, #tp-feedback-dialog input:focus-visible + span { outline:3px solid #e2e9e6; outline-offset:3px; }
#tp-feedback-dialog .fb-small, #tp-feedback-dialog .fb-destination { font-size:12px; }
#tp-feedback-dialog .fb-destination { padding:12px; border:1px solid #53676a; border-radius:6px; }
#tp-feedback-dialog .fb-actions { display:flex; flex-wrap:wrap; gap:8px; }
#tp-feedback-dialog #tp-feedback-send { background:#e2e9e6; color:#102428; font-weight:700; }
#tp-feedback-dialog button:disabled { opacity:.65; cursor:default; }
#tp-feedback-status { overflow-wrap:anywhere; }
@media (max-width:500px) { #tp-feedback-dialog { padding:16px; } }