.statistics-choice[hidden], .statistics-settings[hidden], .statistics-current[hidden] { display:none; }
.statistics-choice {
  position:fixed; z-index:10000; left:50%; bottom:18px; transform:translateX(-50%);
  box-sizing:border-box; width:calc(100% - 28px); max-width:720px; max-height:calc(100vh - 36px); overflow:auto;
  padding:16px 20px; border:3px double #775b37; background:#ecddbe;
  box-shadow:0 4px 24px #0009; color:#30261a; font:13px/1.5 Arial,Helvetica,sans-serif; text-align:left;
}
.statistics-choice h2 { margin:0 0 8px; color:#4d331b; font:bold 19px/1.25 Georgia,'Times New Roman',serif; }
.statistics-choice p { margin:0 0 12px; }
.statistics-choice a { color:#673f19; text-decoration:underline; }
.statistics-actions { display:flex; flex-wrap:wrap; gap:10px; }
.statistics-actions button {
  flex:1 1 180px; min-height:40px; padding:8px 14px; cursor:pointer;
  border:1px solid #826440; border-radius:0; background:#f7edda; color:#382919;
  font:bold 13px/1.35 Arial,Helvetica,sans-serif; text-align:center;
}
.statistics-actions button:hover { background:#e1cba3; }
.statistics-choice :focus-visible, .statistics-settings:focus-visible { outline:2px solid #673f19; outline-offset:3px; }
.statistics-current { font-size:12px; }
.statistics-settings {
  display:block; margin:0 auto; padding:4px 6px; border:0; background:transparent;
  color:#f1d7a3; cursor:pointer; text-decoration:underline; font:12px/1.4 Arial,Helvetica,sans-serif;
}
.statistics-footer { margin:8px 0; text-align:center; }
@media(max-width:480px) {
  .statistics-choice { bottom:10px; padding:13px 14px; }
  .statistics-actions { gap:8px; }
}