/* Open-beta greeting popup, review/feedback form and the "built by" credit line. */
.feedback-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px 24px 18px;border:3px solid #6f8f45;background:#141c19;color:var(--ink);box-shadow:inset 0 0 0 3px #0e1513,6px 6px 0 #050807}
.feedback-dialog::backdrop{background:#050807d9}
.feedback-dialog h2{margin:12px 0 8px;font-size:24px!important;font-weight:700;line-height:1.3;color:#f0f6e6;text-shadow:2px 2px 0 #050807}
.feedback-hello{margin:0 0 10px;font-family:Galmuri14,Galmuri11,sans-serif;font-size:15px!important;line-height:24px!important;color:#e3efd8}
.feedback-dialog .small{margin:0;color:#9aaa9d}
.feedback-x{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;background:none;border:0;color:#9aaa9d;box-shadow:none}
.feedback-form{display:grid;gap:12px;margin-top:18px}
.feedback-form label{display:grid;gap:6px;color:#9aaa9d}
.feedback-form textarea{min-height:120px;resize:vertical;font-family:Galmuri14,Galmuri11,sans-serif;font-size:15px!important;line-height:24px!important}
.feedback-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.feedback-kinds button{min-height:40px;background:#1d2822;color:#c4d0c8;border:2px solid #394b3d}
.feedback-kinds button[aria-pressed=true]{background:var(--lime);color:#14200f;border-color:#e3f7b8}
.feedback-stars{display:flex;gap:4px}
.feedback-stars button{width:40px;height:40px;padding:0;font-size:24px!important;line-height:1;color:#3d5236;background:none;border:0;box-shadow:none}
.feedback-stars button.on{color:var(--lime)}
.feedback-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.feedback-status:empty{display:none}
.feedback-status{color:#c6ef79!important}
.feedback-actions{display:flex;justify-content:flex-end;gap:10px}
.feedback-actions button{min-height:42px;padding:10px 18px}
.feedback-credit{margin:16px 0 0;text-align:center;color:#7e927f}
.site-credit{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:44px 0 0;padding:20px 0 6px;border-top:2px dashed #2c3a32;color:#8a9c90;text-align:center}
.site-credit b{color:var(--lime)}
.site-credit .credit-feedback{min-height:36px;padding:8px 14px}
#welcomeHome .site-credit{margin-top:30px}
/* Phones: the studio keeps logo, share and backup on the first row; feedback sits beside the account button below. */
@media(max-width:650px){body:not(.welcome-mode) header .header-feedback{order:1}body:not(.welcome-mode) header #accountButton{order:2}body.welcome-mode header .header-feedback{margin-left:auto}}