#bug-report-open{display:block;width:100%;margin:12px 0 0;min-height:44px}
#bug-report-open.has-new{border-color:#ffb3a7;color:#ffd6cf;box-shadow:inset 1px 1px #fff2,inset -1px -1px #0008,0 0 0 1px #ffb3a755}
.app-screen.menu-full .sidebar #bug-report-open{height:auto;min-height:48px;line-height:22px}
.app-screen.menu-full .sidebar[data-section=settings] #pane-settings>#bug-report-open{margin-top:0;margin-bottom:12px}
.app-screen.menu-full .sidebar:is([data-section=controls],[data-section=help]) #bug-report-open{display:none}

#bug-report-dialog{position:fixed;inset:0;width:min(680px,calc(100vw - 24px));max-width:none;height:min(780px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--line);border-radius:2px;background:var(--menu-color);box-shadow:inset 0 0 0 2px var(--menu-shade),4px 5px #0008;color:var(--text);overflow:hidden}
#bug-report-dialog::backdrop{background:#0009}
#bug-report-dialog header{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid var(--line)}
#bug-report-dialog h2{flex:1;min-width:0;margin:0;font-size:16px;word-break:keep-all}
#bug-report-dialog header button{width:32px;height:32px;min-height:32px;padding:0;flex-shrink:0;font:24px/1 Arial,sans-serif}
#bug-report-back{font-size:26px}
.bug-body textarea{width:100%;resize:vertical;font:500 14px/24px KctDialogue,"DotumChe",sans-serif}

.bug-chip{border-color:var(--accent);color:var(--accent)}
.bug-chip.bug-checking{border-color:#9fd8ff;color:#9fd8ff}
.bug-chip.bug-fixed{border-color:#9dffa8;color:#9dffa8}
.bug-chip.bug-answered{border-color:#c4d0d6;color:#c4d0d6}
.bug-lead{margin:0 0 12px}
.bug-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.bug-filter{min-height:34px;padding:2px 10px;font:14px/22px KctSmall,"GulimChe",sans-serif}
.bug-filter[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--menu-shade) 60%,#5a5a2a)}

.bug-step{margin:16px 0 8px;font:16px/24px KctMenu,"GulimChe",sans-serif;color:var(--accent)}
.bug-step:first-child{margin-top:0}
.bug-saves{display:flex;flex-direction:column;gap:5px;max-height:min(40dvh,300px);overflow:auto;overscroll-behavior:contain;padding:2px}
.bug-save{display:block;width:100%;padding:6px 10px 5px 36px;position:relative;text-align:left;background:color-mix(in srgb,var(--menu-shade) 75%,var(--menu-color));border-color:#8c9eaa}
.bug-save::before{content:"";position:absolute;left:11px;top:11px;width:14px;height:14px;border:2px solid var(--muted);border-radius:50%;box-sizing:border-box}
.bug-save[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb,var(--menu-shade) 55%,#5a5a2a)}
.bug-save[aria-checked=true]::before{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 3px,transparent 4px)}
.bug-save .save-title{padding-right:0}
.bug-save .save-meta{margin-left:36px}
.bug-note{display:flex;flex-direction:column;gap:2px;margin:12px 0 0;padding:10px 12px;border:1px dashed var(--line);color:var(--muted);font:14px/22px KctSmall,"GulimChe",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.bug-note strong{color:var(--text);font-weight:400}

.bug-card{display:flex;flex-direction:column;gap:2px;margin:12px 0;padding:10px 12px;background:color-mix(in srgb,var(--menu-shade) 70%,var(--menu-color));border:1px solid #8c9eaa;box-shadow:inset 1px 1px #fff2,inset -1px -1px #0008}
.bug-card.bug-fix{border-color:#9dffa8aa}
.bug-card-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.bug-card-label{color:var(--accent);font:14px/22px KctSmall,"GulimChe",sans-serif}
.bug-fix .bug-card-label{color:#9dffa8}
.bug-card-title{font-size:16px;letter-spacing:.5px;text-shadow:1px 0 currentColor;word-break:keep-all;overflow-wrap:anywhere}
.bug-card-detail,.bug-card-lines{color:var(--muted);font:14px/22px KctSmall,"GulimChe",sans-serif;font-variant-numeric:tabular-nums}
.bug-card-lines{display:flex;flex-direction:column}
.bug-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bug-card-actions button{min-height:40px;padding:6px 14px;font-size:15px}
.bug-context{margin:0 0 10px;color:var(--muted);font:13px/20px KctSmall,"GulimChe",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.bug-description{margin-bottom:6px}
.bug-reply.bug-admin{border-color:#e8e8bd88}
.bug-admin-name{color:var(--accent)!important}
.bug-status-note{display:block;color:#9fd8ff;font:13px/20px KctSmall,"GulimChe",sans-serif}
.bug-event{display:flex;flex-direction:column;gap:2px;margin:6px 0;padding:6px 10px;border-left:3px solid var(--line);color:var(--muted);font:14px/22px KctSmall,"GulimChe",sans-serif}
.bug-event-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.bug-cheats-cleared{color:#9dffa8}
.bug-event-actions button{min-height:36px;padding:4px 12px;font-size:14px}
.bug-attach{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bug-attach button{min-height:36px;padding:4px 12px;font-size:14px}
.bug-attach-name{color:#9dffa8;font:14px/22px KctSmall,"GulimChe",sans-serif}
.bug-attach-changes{max-height:150px;overflow:auto;margin:0;padding:4px 10px 4px 28px;border-left:3px solid #9dffa8aa;color:var(--muted);font:13px/20px KctSmall,"GulimChe",sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

.bug-editor{display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--accent);background:color-mix(in srgb,var(--menu-shade) 70%,var(--menu-color));box-shadow:inset 1px 1px #fff2,inset -1px -1px #0008;font:14px/22px KctSmall,"GulimChe",sans-serif}
.community-comment-form .bug-editor button{align-self:auto;min-height:30px;padding:2px 10px;font-size:14px;line-height:24px}
.bug-editor input[type=number],.bug-editor input[type=text]{padding:3px 6px;font:14px/22px KctSmall,"GulimChe",sans-serif;font-variant-numeric:tabular-nums}
.bug-editor input.changed,.bug-toggle.changed [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.bug-editor-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.bug-editor-head h4{margin:0;color:var(--accent);font:16px/24px KctMenu,"GulimChe",sans-serif}
.bug-editor-source,.bug-editor-lock{color:var(--muted);font-size:13px}
.bug-editor-basics{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.bug-editor-field{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font:inherit;white-space:nowrap}
.bug-editor-name{color:var(--muted)}
.bug-toggle{display:inline-flex}
.bug-toggle button+button{margin-left:-1px}
.bug-toggle button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--menu-shade) 55%,#5a5a2a)}
.bug-editor .bug-editor-gold{width:128px}
.bug-editor-time input{width:64px}
.bug-editor-time .bug-editor-hours{width:76px}
.bug-editor-party{max-width:100%;overflow-x:auto}
.bug-editor-party table{width:100%;border-collapse:collapse}
.bug-editor-party th{padding:2px 4px;color:var(--muted);font-weight:400;text-align:left;white-space:nowrap}
.bug-editor-party tbody th{color:var(--text)}
.bug-editor-party td{padding:2px}
.bug-editor-party input{min-width:58px}
.bug-editor-party .bug-editor-exp{min-width:96px}
.bug-editor-items{display:flex;flex-direction:column;gap:6px}
.bug-editor-items-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.bug-editor-items-head .bug-editor-name{margin-right:4px}
.bug-editor .bug-item-search{flex:1 1 200px;width:auto}
.bug-editor .bug-item-count{width:64px}
.bug-editor-item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;max-height:230px;overflow:auto;margin:0;padding:2px;list-style:none}
.bug-editor-item{display:flex;align-items:center;gap:6px;min-width:0}
.bug-editor-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bug-editor-item input{flex:none;width:60px}
.community-comment-form .bug-editor .bug-item-delete{min-height:28px;padding:0 8px;font-size:13px}
.bug-editor-actions{display:flex;justify-content:flex-end;gap:8px}
.community-comment-form .bug-editor .bug-editor-actions button{min-height:36px;padding:4px 16px}
.bug-status-pick,.bug-status-form label,.bug-slot-pick{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;white-space:nowrap}
.bug-status-pick .dropdown,.bug-status-form .dropdown,.bug-slot-pick .dropdown{flex:1;min-width:0}
.bug-body select{font:14px/22px KctSmall,"GulimChe",sans-serif}
.bug-status-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.bug-status-form label{flex:1;min-width:180px}
.bug-status-form button{min-height:40px;padding:6px 16px}
.bug-slot-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bug-slot-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;text-align:left;line-height:22px}
.bug-slot-option span{color:var(--muted);font:14px/22px KctSmall,"GulimChe",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.bug-slot-option[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--menu-shade) 55%,#5a5a2a)}
.bug-slot-pick{margin-top:10px}
.bug-apply-note{margin-top:12px}

.inspection-bar{position:absolute;z-index:35;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:min(720px,calc(100% - 140px));height:44px;padding:4px 6px 4px 10px;border:1px solid var(--accent);background:color-mix(in srgb,var(--menu-shade) 90%,transparent);box-shadow:0 3px 10px #0008;color:var(--text);font:14px/20px KctSmall,"GulimChe",sans-serif;white-space:nowrap}
.inspection-bar strong{flex-shrink:0;color:var(--accent);font-weight:400}
#inspection-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.inspection-bar button{flex-shrink:0;min-height:34px;padding:2px 10px;font-size:14px;line-height:28px}

@media(max-width:520px){
  .bug-slot-choice{grid-template-columns:minmax(0,1fr)}
  .bug-card-actions button{flex:1 1 auto}
  .bug-editor-field{flex-wrap:wrap}
  .bug-editor-time input,.bug-editor-time .bug-editor-hours{width:56px}
  .bug-editor-item-list{grid-template-columns:minmax(0,1fr)}
  .inspection-bar{max-width:calc(100% - 112px);gap:6px;padding:4px}
  .inspection-bar strong,#inspection-label{display:none}
  .inspection-bar button{padding:2px 8px}
}
@media(min-width:900px) and (pointer:fine){
  #bug-report-dialog{width:min(900px,calc(100vw - 64px));height:min(840px,calc(100dvh - 48px))}
  #bug-report-dialog .community-frame{padding:24px 40px 20px}
}
html[data-screen-turn] #bug-report-dialog{width:min(760px,calc(100dvh - 32px));height:calc(100vw - 24px)}
html[data-screen-turn] .inspection-bar{top:max(10px,var(--sa-top))}
