/* Opinions share the existing viewport, window, button and cursor assets. */
.feedback-launcher { position:absolute; right:24px; bottom:24px; z-index:30000; --game-button-press-image:url("../image/ui/button_square_press.png"); }
.feedback-launcher::after { left:4px; top:8px; width:64px; height:72px; background-image:url("../image/ui/icon_button.png"); background-size:640px 72px; background-position:-576px 0; }
.feedback-launcher[hidden],.feedback-overlay[hidden] { display:none; }
.feedback-overlay { position:absolute; inset:0; z-index:30001; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at center,rgba(9,7,5,.60),rgba(0,0,0,.85)); }
.feedback-panel { position:relative; display:flex; flex-direction:column; width:600px; height:800px; padding:58px 56px 44px; background:transparent url("../image/ui/window_squere.png") center / 600px 800px no-repeat; color:#d5c3a2; }
.feedback-close { position:absolute; top:22px; right:44px; }
.feedback-panel h2 { margin:0 22px 10px; text-align:center; color:#e4cc98; font:800 27px/1.25 var(--font-title); }
.feedback-intro { margin:0 0 22px; text-align:center; font:16px/1.4 var(--font-body); }
.feedback-panel label { margin:0 0 7px; font:700 16px/1.3 var(--font-title); }
.feedback-panel select,.feedback-panel textarea { width:100%; padding:12px 14px; border:1px solid #745e3e; border-radius:2px; color:#ead8b6; background:rgba(5,4,3,.72); font:16px/1.5 var(--font-body); }
.feedback-panel select { height:48px; margin-bottom:18px; }
.feedback-panel textarea { height:226px; resize:none; }
.feedback-panel textarea::placeholder { color:#ac9a7d; }
.feedback-panel select:focus-visible,.feedback-panel textarea:focus-visible { outline:2px solid #b89250; outline-offset:2px; }
.feedback-panel select:disabled,.feedback-panel textarea:disabled { opacity:.7; }
.feedback-counter { align-self:flex-end; margin-top:5px; font:14px/1.3 var(--font-body); }
.feedback-context { margin:14px 0 8px; color:#ad9b7d; font:14px/1.45 var(--font-body); }
.feedback-status { min-height:44px; margin:0 0 8px; color:#e6c27b; font:16px/1.35 var(--font-body); }
.feedback-status[data-kind="error"] { color:#e7a08e; }
.feedback-status[data-kind="success"] { color:#c9dda6; }
.feedback-panel .game-button { align-self:center; margin-top:auto; }