/* A small public feedback sheet. Its selectors do not change game/lobby dialogs. */
.intro-bottom-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}
.intro-bottom-note .intro-sound-note{margin:0;flex:1;min-width:180px}
.intro-feedback{min-height:44px;padding:7px 2px 7px 10px;font-size:11px;line-height:1.5;color:#bcc5c0;white-space:nowrap;text-underline-offset:5px}
.intro-feedback:hover,.intro-feedback:focus-visible{color:#efd7a3;text-decoration:underline}
dialog.feedback-dialog{inset:0;width:min(520px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #71859091;border-radius:10px;background:#0c1721;color:#e9e7de;box-shadow:0 28px 100px #000b;font:inherit;overflow:hidden;overscroll-behavior:contain}
dialog.feedback-dialog[open]{display:flex;flex-direction:column}
dialog.feedback-dialog::backdrop{background:#02070bd4;backdrop-filter:blur(7px)}
.feedback-dialog *{box-sizing:border-box}
.feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px 17px;border-bottom:1px solid #69829244;background:linear-gradient(125deg,#26312c55,#0d1b26)}
.feedback-heading span{display:block;font-size:9px;letter-spacing:2px;line-height:1.5;color:#b9bc95}
.feedback-heading h2{margin:5px 0 0;font-family:"Batang",Georgia,serif;font-size:25px;font-weight:400;line-height:1.4;color:#e9dfc3}
.feedback-dialog button{min-height:44px;touch-action:manipulation;line-height:1.5}
.feedback-dialog button:focus-visible,.feedback-dialog input:focus-visible,.feedback-dialog textarea:focus-visible{outline:2px solid #e5c587;outline-offset:3px}
.feedback-dialog button:disabled{cursor:default;opacity:.55}
.feedback-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0!important;border:1px solid #71808b55!important;border-radius:50%;color:#c2d2d9;font-size:26px!important;font-weight:300}
.feedback-scroll{padding:17px 24px 24px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#58727c #0c1721}
#feedback-description{margin:0 0 18px;color:#afc2ca;font-size:12px;line-height:1.85;word-break:keep-all}
.feedback-form label{display:block;margin:0 0 6px;color:#c3d2d5;font-size:12px;line-height:1.6}
.feedback-form label small{font-size:10px;color:#8fa6b3;margin-left:5px}
.feedback-form textarea,.feedback-form input{display:block;width:100%;min-width:0;border:1px solid #587384;border-radius:5px;background:#07131d;color:#e5ece9;font:inherit;font-size:14px;line-height:1.7;padding:10px 12px;box-shadow:inset 0 1px 4px #0003}
.feedback-form textarea{min-height:103px;max-height:220px;resize:vertical}
.feedback-form input{min-height:44px}
.feedback-form textarea::placeholder,.feedback-form input::placeholder{color:#819baa;opacity:1}
.feedback-form textarea:read-only,.feedback-form input:read-only{color:#adbfca;border-color:#47606d}
.feedback-count-row{display:flex;justify-content:flex-end;min-height:23px;padding-top:3px}
#feedback-count{color:#8ca6b4;font-size:10px;line-height:1.7;font-variant-numeric:tabular-nums}
#feedback-count[data-over=true]{color:#f1b8a0}
.feedback-compose-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;margin-top:2px}
.feedback-nickname{min-width:0}
.feedback-use-nickname{font-size:11px;color:#a9c7ca;padding:4px 0;text-decoration:underline;text-underline-offset:4px}
.feedback-send{align-self:start;min-width:128px;margin-top:25px;padding:10px 16px;border:1px solid #b49c68!important;border-radius:5px;background:#64502b60;color:#f1dba6;font-size:13px;white-space:nowrap}
.feedback-note{font-size:10px!important;line-height:1.8!important;color:#8ea4af;margin:10px 0 0;word-break:keep-all}
.feedback-notice{padding:10px 12px;margin:14px 0 0;font-size:12px;line-height:1.8;border:1px solid #72938577;border-radius:5px;background:#24453744;color:#c1dbcc;overflow-wrap:anywhere}
.feedback-notice[data-error=true]{border-color:#b68b6466;background:#56362a44;color:#e9c4aa}
.feedback-recent{margin-top:22px;border-top:1px solid #5c788448;padding-top:11px}
.feedback-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.feedback-list-heading h3{font-size:13px;font-weight:500;line-height:1.5;margin:0;color:#c8d8db}
.feedback-refresh{font-size:11px;color:#9eb9c4;padding:8px 0 8px 12px}
.feedback-list-message{font-size:12px;line-height:1.85;color:#98afb9;margin:9px 0 3px;word-break:keep-all}
.feedback-list{list-style:none;margin:0;padding:0}
.feedback-item{padding:14px 0;border-bottom:1px solid #506b783d}
.feedback-item:last-child{border-bottom:0}
.feedback-item-heading{display:flex;align-items:center;gap:8px;min-width:0}
.feedback-item-heading strong{font-size:12px;font-weight:500;line-height:1.6;color:#c6d9dc;overflow-wrap:anywhere;min-width:0}
.feedback-own{padding:1px 5px;background:#5e5e363a;border:1px solid #a5a56855;border-radius:3px;color:#d0ce99;font-size:9px;white-space:nowrap}
.feedback-item time{flex-shrink:0;margin-left:auto;color:#87a2b0;font-size:10px;line-height:1.5;white-space:nowrap}
.feedback-item>p{margin:6px 0 0;font-size:13px;line-height:1.9;color:#c7d1d5;white-space:pre-wrap;overflow-wrap:anywhere}
.feedback-item-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:2px}
.feedback-item-actions button{font-size:11px;color:#c5a18d;padding:7px 2px}
.feedback-item-actions button[data-cancel-delete]{color:#9eb3bd}
.feedback-more{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid #59758377!important;border-radius:5px;color:#abc7cf;font-size:12px;background:#20364266}
@media(hover:hover){.feedback-send:hover:enabled{background:#806a3b66;color:#fff0c9}.feedback-refresh:hover,.feedback-use-nickname:hover{color:#e2e5d5}.feedback-close:hover{background:#2d435055}.feedback-more:hover:enabled{background:#314e5c77}}
@media(max-width:560px){dialog.feedback-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:10px}.feedback-heading{padding:17px 17px 14px}.feedback-heading h2{font-size:24px}.feedback-scroll{padding:15px 17px 20px}.feedback-form textarea,.feedback-form input{font-size:16px}.feedback-form textarea{min-height:108px}.feedback-compose-bottom{gap:11px}.feedback-send{min-width:114px;padding:10px 12px;font-size:12px}.feedback-item>p{font-size:13px}.feedback-note{font-size:10px!important}}
@media(max-width:350px){.feedback-compose-bottom{grid-template-columns:minmax(0,1fr)}.feedback-send{width:100%;margin-top:0}.feedback-note br{display:none}}
@media(max-height:520px){dialog.feedback-dialog{max-height:calc(100dvh - 12px)}.feedback-heading{padding-top:10px;padding-bottom:10px}.feedback-heading h2{font-size:22px}.feedback-form textarea{min-height:82px}}