[hidden]{display:none!important} .puzzle-picker{margin:0 0 16px} #newTest{margin-top:12px} .fine-print{font-size:.875rem;line-height:1.5} .timer-block{min-width:100px} .timer-block .status-label{writing-mode:horizontal-tb;transform:none;grid-row:1;grid-column:1/-1;font-size:.65rem} #mistakes{grid-row:2;grid-column:1/-1;font-size:1.6rem} .result-metrics span{font-size:.8rem} .status-right.final-stretch strong{animation:none} #metricsScreen{display:none!important} button:focus-visible,select:focus-visible{outline:3px solid #916218;outline-offset:3px}
.achievement-guide{display:grid;grid-template-columns:1fr;gap:6px;padding:14px;background:#192330;color:#f4efe3;border-radius:10px}.achievement-guide p{margin:0}.achievement-guide b{display:inline-block;min-width:3em;color:#e7bc71}#homeStreak{margin:16px 0 8px}.daily-rules span{max-width:110px}

.result-metrics{grid-template-columns:repeat(2,1fr)}.achievement-history{width:100%;margin:12px 0 18px;text-align:left}.achievement-history h3{font-family:Georgia,serif;font-size:1.2rem;margin:0 0 5px}.achievement-history>p{font-size:.8rem;margin:0 0 10px;color:#655e52}.history-table{width:100%;border-collapse:collapse;font-size:.8rem}.history-table th,.history-table td{padding:9px 7px;border-bottom:1px solid #d6cdbd}.history-table thead th{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:#655e52}.history-table tbody th{width:55px;text-align:center}.history-table td:nth-child(2){position:relative}.history-table td:last-child,.history-table th:last-child{text-align:right;font-weight:800;width:36px}.history-bar{position:absolute;left:0;top:3px;bottom:3px;background:#e2dccf;border-radius:3px}.history-label{position:relative}.current-tier .history-bar{background:#dfc48a}.history-label small{display:block;font-size:.65rem;color:#6a501c;font-weight:bold}.achievement-history .history-note{margin-top:9px;font-size:.7rem}

.streak-explanation{max-width:320px;margin:0 auto 14px;font-size:.75rem;line-height:1.45;color:#655e52}

.timer-block{min-width:115px}.history-table thead th:first-child{width:65px}.history-table th:last-child{width:60px}

@media(max-width:600px){body.playing .game-screen.active{padding-inline:6px}}

body.playing .board-wrap.portrait-layout{justify-content:flex-start}.portrait-layout .puzzle-board{margin:0}
/* Optional measurement controls stay outside the playing surface. */
.analytics-notice { max-width: 620px; margin: 24px auto 12px; padding: 18px; border: 1px solid #cbbfae; border-radius: 12px; background: #f9f5ed; font-size: 14px; line-height: 1.5; }
.analytics-notice[hidden], body.playing .analytics-notice { display: none; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.analytics-actions button { flex: 1 1 180px; min-height: 44px; }
#analyticsDialog { max-width: min(520px, calc(100vw - 32px)); }
footer { flex-wrap: wrap; gap: 12px; }