.feedback-dialog{box-sizing:border-box;width:min(540px,calc(100% - 24px));max-width:540px;max-height:calc(100dvh - 32px);padding:36px;border:1px solid #d9d4c8;border-radius:18px;background:#f4f0e6;color:#202b25;box-shadow:0 24px 90px #101c2850;overflow:auto;font-family:'DM Sans',sans-serif}
.feedback-dialog::backdrop{background:#15271ed1;backdrop-filter:blur(5px)}
.feedback-close{position:absolute;right:16px;top:12px;width:40px;height:40px;border:0;background:none;color:#64665b;font-size:28px;cursor:pointer}
.feedback-eyebrow{display:block;font-size:9px;font-weight:700;font-family:'DM Sans',sans-serif;letter-spacing:1.8px;color:#687267;margin:0 0 15px}
.feedback-dialog h2{font:500 35px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 14px}
.feedback-intro{font-size:13px;line-height:1.7;color:#64665b;margin:0 0 24px}
.feedback-dialog fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}
.feedback-dialog legend,.feedback-field{font-size:12px;font-weight:600}
.feedback-dialog legend{margin-bottom:10px;padding:0}
.feedback-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.feedback-types label{position:relative;cursor:pointer}
.feedback-types input{position:absolute;opacity:0;width:1px;height:1px}
.feedback-types span{display:flex;align-items:center;gap:10px;border:1px solid #d9d4c8;border-radius:8px;padding:12px;font-size:12px;min-height:46px;background:#eee9dc}
.feedback-types b{font-size:20px;line-height:20px;font-weight:400}
.feedback-types input:checked+span{border-color:#263c32;background:#263c32;color:#f4f0e6}
.feedback-types input:focus-visible+span{outline:3px solid #c55331;outline-offset:2px}
.feedback-field{display:block}.feedback-field>span{font-weight:400;color:#64665b}
.feedback-field textarea,.feedback-field input{box-sizing:border-box;display:block;width:100%;margin-top:8px;border:1px solid #cec9bc;border-radius:8px;background:#fcf9f1;color:#202b25;font:400 16px/1.5 'DM Sans',sans-serif;padding:12px}
.feedback-field textarea{resize:vertical;min-height:108px}.feedback-field input{min-height:46px}
.feedback-field textarea:focus,.feedback-field input:focus{outline:2px solid #b8492c;outline-offset:2px}
.feedback-hint{font-size:11px;color:#64665b;line-height:1.5;margin:8px 0 18px}
.feedback-preview{font-size:11px;color:#64665b;margin:18px 0 12px}
.feedback-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:14px 18px;border:0;border-radius:8px;background:#b8492c;color:#fff9ed;font:600 14px 'DM Sans',sans-serif;cursor:pointer}
.feedback-status{font-size:12px;line-height:1.5;margin:12px 0 0}.feedback-status:empty{display:none}
@media(max-width:760px){.feedback-dialog{padding:28px 22px}.feedback-dialog h2{font-size:36px}}
@media(max-width:360px){.feedback-dialog{padding:28px 18px}.feedback-dialog h2{font-size:29px}}
@media(min-width:761px) and (max-height:800px){.feedback-dialog{padding:26px 36px}.feedback-dialog h2{font-size:35px;margin-bottom:10px}.feedback-eyebrow{margin-bottom:10px}.feedback-intro{margin-bottom:16px}.feedback-dialog fieldset{margin-bottom:14px}.feedback-field textarea{min-height:88px;height:88px}.feedback-hint{margin:6px 0 12px}.feedback-preview{margin:12px 0 10px}}

.feedback-section{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line)}
.feedback-section .eyebrow{margin-bottom:12px;color:#9b492f}.feedback-section h2{font-size:clamp(28px,3vw,38px);margin:0 0 12px;max-width:650px}.feedback-section>div>p:last-child{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.feedback-section>.button{flex-shrink:0;gap:30px}
@media(max-width:760px){.feedback-section{align-items:flex-start;flex-direction:column;gap:22px}.feedback-section>.button{width:100%;justify-content:space-between}}

.feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback-submit:disabled{opacity:.65;cursor:wait}

/* Shared menu dismissal: one glyph and one 44px target in every theme. */
body dialog :is(.close,.panel-close,.feedback-close,.arcade-controls-close,.choice-close,.menu-dismiss),body .arcade-guide>header button {
 position:absolute!important;inset:12px 12px auto auto!important;display:grid!important;place-items:center!important;
 box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;color:inherit!important;font:400 28px/1 Arial,sans-serif!important;letter-spacing:0!important;z-index:5;
}
body dialog h2[tabindex="-1"]:focus{outline:none}
body dialog :is(.eyebrow,.feedback-eyebrow){padding-right:44px}

body .feedback-dialog h2{font-family:Manrope,sans-serif}body .feedback-dialog .feedback-eyebrow{color:var(--muted,#687267)}
