button.bug-report-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;font:inherit;font-size:12px;font-weight:500;color:var(--muted,#536475);background:var(--paper,#fff);border:1px solid var(--line-soft,#c9c4b8);border-radius:999px;padding:6px 10px;cursor:pointer;white-space:nowrap;line-height:1.3;min-height:36px;transition:background .12s,border-color .12s}
button.bug-report-trigger::before{content:"";width:15px;height:15px;flex:none;background:currentColor;mask:url("./bug-report-icon.svg") center/contain no-repeat;-webkit-mask:url("./bug-report-icon.svg") center/contain no-repeat}
button.bug-report-trigger:hover{color:var(--ink,#192735);background:var(--bg,#f4f1ea);border-color:var(--line-soft,#bac5d1)}
.bug-report-dialog{box-sizing:border-box;width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:24px;border:1px solid #dbe0e5;border-radius:20px;background:#fff;color:#192735;box-shadow:0 18px 70px #0004;font:14px/1.5 system-ui,-apple-system,sans-serif;z-index:2147483647}
.bug-report-dialog::backdrop{background:#101a2ac0}
.bug-report-dialog *{box-sizing:border-box}
.bug-report-dialog [hidden]{display:none!important}
.bug-report-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bug-report-heading h2{font:700 22px/1.25 system-ui;margin:0}
.bug-report-dialog .bug-report-close{color:#192735;background:#f1f3f5;border:0;border-radius:50%;font:24px/1 system-ui;width:40px;height:40px;cursor:pointer}
.bug-report-dialog p{margin:10px 0 18px}
.bug-report-dialog label{display:block;font-weight:600;margin:16px 0 6px}
.bug-report-dialog textarea,.bug-report-dialog input{display:block;width:100%;font:16px/1.5 system-ui;background:#fff;color:#192735;border:1px solid #bac5d1;border-radius:10px;padding:10px;resize:vertical}
.bug-report-dialog .bug-report-privacy{font-size:12px;color:#536475;margin:14px 0}
.bug-report-dialog .bug-report-timer{color:#8b4c00;font-size:12px;margin:0}
.bug-report-dialog .bug-report-status{overflow-wrap:anywhere;margin:12px 0}
.bug-report-dialog .bug-report-send{width:100%;background:#be192e;color:white;border:0;border-radius:10px;padding:12px;font:700 15px system-ui;cursor:pointer;min-height:44px}
.bug-report-dialog button:disabled{opacity:.6;cursor:wait}
.bug-report-dialog :focus-visible,.bug-report-trigger:focus-visible{outline:3px solid #257ac0;outline-offset:3px}
@media(max-width:480px){.bug-report-dialog{padding:18px}.bug-report-heading h2{font-size:20px}button.bug-report-trigger{font-size:11px;padding:7px 9px}}

.bug-report-actions,.bug-report-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.userbar>.userchip{min-width:0;max-width:none;flex:0 1 auto}
.bug-report-actions>.userchip{max-width:none;white-space:nowrap;flex:none;min-height:36px}
.bug-report-actions .bug-report-trigger{color:var(--ink,#192735)}
.dateline{align-items:center;gap:8px}
.bug-report-date{font:inherit;margin:0;flex:1;min-width:0}
.wrap:has(.userbar:not([hidden])) .bug-report-fallback{display:none}
.bug-report-fallback{margin-left:auto}
.game-page .bug-report-header-actions .bug-report-trigger{border-radius:4px;min-height:40px;background:#fffdf8;border-color:#d8cec0}
.top-controls .bug-report-trigger,.puzzle-hud-chips .bug-report-trigger{color:var(--text-dark,#203044);background:rgba(255,255,255,.86);border-color:rgba(255,255,255,.48);border-radius:14px;min-height:40px;box-shadow:var(--shadow-sm)}
.top-controls .bug-report-trigger:hover,.puzzle-hud-chips .bug-report-trigger:hover{color:var(--text-dark,#203044);background:#fff;border-color:rgba(255,255,255,.48)}
.puzzle-hud-chips .bug-report-trigger{min-height:48px;border-radius:1.2rem}
@media(max-width:620px){
  .game-page .site-header{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto}
  .bug-report-header-actions{gap:6px}
  .bug-report-header-actions .bug-report-trigger,.top-controls .bug-report-trigger,.puzzle-hud-chips .bug-report-trigger{width:40px;padding:0}
  .bug-report-header-actions .bug-report-label,.top-controls .bug-report-label,.puzzle-hud-chips .bug-report-label{display:none}
  .puzzle-hud-chips .bug-report-trigger{width:36px;min-height:36px;border-radius:.75rem}
}
@media(max-width:360px){
  .bug-report-actions{gap:5px}
  .bug-report-actions .bug-report-trigger{width:36px;padding:0}
  .bug-report-actions .bug-report-label{display:none}
}

.bug-report-reply{position:fixed;right:16px;bottom:16px;z-index:2147483000;box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:65dvh;overflow:auto;padding:20px;background:#fff;color:#192735;border:1px solid #dbe0e5;border-top:4px solid #be192e;border-radius:16px;box-shadow:0 12px 50px #0003;font:14px/1.5 system-ui,-apple-system,sans-serif}
.bug-report-reply h2{font:700 18px/1.3 system-ui;margin:0 0 8px}
.bug-report-reply p{margin:8px 0;font:inherit;color:#536475}
.bug-report-reply-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}
.bug-report-reply button{min-height:44px;padding:10px 18px;border:0;border-radius:9px;background:#be192e;color:#fff;font:700 14px system-ui;cursor:pointer}
.bug-report-reply button:disabled{opacity:.6;cursor:wait}
.bug-report-reply :focus-visible{outline:3px solid #257ac0;outline-offset:3px}
.bug-report-dialog .bug-report-image{margin:16px 0;padding:12px;border:1px solid #dbe0e5;border-radius:10px;background:#f7f9fb}
.bug-report-dialog .bug-report-image-choice{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;cursor:pointer}
.bug-report-dialog .bug-report-image-choice input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:#be192e}
.bug-report-dialog .bug-report-image-info{font-size:12px;color:#536475;margin:8px 0 0}
.bug-report-dialog .bug-report-image-preview{display:block;width:100%;max-height:160px;object-fit:contain;margin-top:10px;border:1px solid #dbe0e5;border-radius:6px;background:#fff}
