/* Elf Watch: "Report a problem" (Paul, 1 Nov 2026; js/report-problem.js). The footer link, the pop-up and the
   small toast. The pop-up is its own cream panel with navy words (4.5:1 or better), so it reads the same on the
   website's night sky (css/site-theme.css) and on the tracker, Studio and packs pages. Works from 320px wide. */
.ewrp-snow{display:inline-block;flex:0 0 auto;width:1.05em;height:1.05em;vertical-align:-.15em}
.ewrp-link{display:inline-flex;align-items:center;gap:6px;cursor:pointer;opacity:.92}
.ewrp-link:hover,.ewrp-link:focus-visible{opacity:1}
.tkfoot .ewrp-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ewrp-me{display:inline-flex;align-items:center;gap:6px}

html.ewrp-open{overflow:hidden}
.ewrp-back{position:fixed;inset:0;z-index:2147483000;background:rgba(4,10,30,.72);display:flex;align-items:center;justify-content:center;
  padding:12px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}
.ewrp-box{position:relative;box-sizing:border-box;width:100%;max-width:480px;max-height:calc(100vh - 24px);overflow-y:auto;margin:auto;
  background:#FFF8E8;color:#16296A;border-radius:22px;padding:22px 20px 20px;box-shadow:0 24px 60px -20px rgba(0,0,0,.7);
  border:3px solid #F5C24A;font-family:inherit;font-size:17px;line-height:1.5;text-align:left}
@supports (max-height:100dvh){.ewrp-box{max-height:calc(100dvh - 24px)}}
.ewrp-box:focus{outline:none}
.ewrp-box h2{display:flex;align-items:center;gap:10px;margin:0 40px 10px 0;font-size:22px;line-height:1.25;color:#16296A;font-weight:800}
.ewrp-box h2 .ewrp-snow{width:26px;height:26px;color:#1F4FA3}
.ewrp-intro{margin:0 0 14px;color:#16296A}
.ewrp-box label{display:block;font-weight:700;margin:0 0 6px;color:#16296A}
.ewrp-box textarea,.ewrp-box input{display:block;box-sizing:border-box;width:100%;font:inherit;font-size:17px;color:#0B1F45;background:#FFFFFF;
  border:2px solid #7C8BB3;border-radius:12px;padding:10px 12px;margin:0}
.ewrp-box textarea{min-height:120px;resize:vertical}
.ewrp-box textarea:focus,.ewrp-box input:focus{outline:3px solid #F5C24A;outline-offset:1px;border-color:#16296A}
.ewrp-box [aria-invalid="true"]{border-color:#B00E2B}
.ewrp-count{margin:4px 0 12px;font-size:14px;color:#3D4F75;text-align:right}
.ewrp-email{margin:0 0 12px}
.ewrp-email[hidden]{display:none}
.ewrp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ewrp-note{margin:0 0 12px;font-size:14px;color:#3D4F75}
.ewrp-err{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:#FFE8EC;color:#7A0A1F;font-weight:600;font-size:16px}
.ewrp-err[hidden],.ewrp-done[hidden],.ewrp-form[hidden]{display:none}
.ewrp-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.ewrp-act button{font:inherit;font-weight:800;font-size:17px;min-height:48px;border-radius:999px;padding:0 22px;cursor:pointer;flex:1 1 auto}
.ewrp-send{background:#D9283E;color:#FFFFFF;border:2px solid #D9283E}
.ewrp-send:disabled{opacity:.7;cursor:wait}
.ewrp-ghost{background:transparent;color:#16296A;border:2px solid #16296A}
.ewrp-act button:focus-visible,.ewrp-x:focus-visible,.ewrp-toast button:focus-visible{outline:3px solid #F5C24A;outline-offset:2px}
.ewrp-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:#16296A;font-size:30px;line-height:1;cursor:pointer;padding:0}
.ewrp-thanks{font-size:20px;font-weight:800;margin:6px 0 16px;color:#16296A}
.ewrp-thanks:focus{outline:none}
.ewrp-ts:empty{display:none}

.ewrp-toast{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:2147482999;margin:0 auto;max-width:460px;box-sizing:border-box;
  display:flex;align-items:center;gap:10px;background:#FFF8E8;color:#16296A;border:2px solid #F5C24A;border-radius:18px;padding:10px 8px 10px 14px;
  box-shadow:0 14px 34px -14px rgba(0,0,0,.65);font-size:16px;line-height:1.35;animation:ewrp-in .3s ease-out}
.ewrp-toast--top{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto}
.ewrp-toast .ewrp-snow{width:22px;height:22px;color:#1F4FA3}
.ewrp-toast p{margin:0;flex:1 1 auto;min-width:0;font-weight:600}
.ewrp-tbtn{flex:0 0 auto;font:inherit;font-weight:800;font-size:15px;min-height:44px;padding:0 14px;border-radius:999px;border:0;background:#D9283E;color:#FFFFFF;cursor:pointer}
.ewrp-tx{flex:0 0 auto;width:44px;height:44px;border:0;background:transparent;color:#16296A;font-size:26px;line-height:1;cursor:pointer;padding:0}
@keyframes ewrp-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ewrp-toast{animation:none}}
@media (max-width:360px){.ewrp-box{padding:18px 14px 16px}.ewrp-box h2{font-size:20px}.ewrp-toast{font-size:15px}}
body.kidsmode .ewrp-toast{display:none!important}
@media print{.ewrp-link,.ewrp-toast,.ewrp-back{display:none!important}}