.achievements-button {position:relative;width:40px;height:40px;min-height:40px;border:1px solid var(--line);border-radius:4px;background:#a8d0f01a;margin-left:0}
.achievements-button .icon {width:21px;height:21px}
.achievements-button[aria-pressed='true'] {background:#233e7c;color:#e2f5ff;border-color:#c1e3ff;box-shadow:0 0 8px #d0f1ff44}
.top-row .achievements-button+.settings-button {margin-left:0}
.header-shortcuts {display:flex;align-items:center;gap:6px;flex:none}
.top-row .header-shortcuts>.icon-button,.top-row .header-shortcuts>.mobile-calendar {width:40px;height:40px;min-height:40px;margin:0;padding:0;border:1px solid var(--line);border-radius:4px;flex:none}
.top-row .header-shortcuts>.mobile-calendar {display:inline-flex;align-items:center;justify-content:center;background:#a8d0f01a}
.header-shortcuts>.icon-button>.icon,.header-shortcuts .mobile-calendar>.icon {display:block;width:21px;height:21px}
.header-shortcuts .calendar-button-label {display:none}
.top-row .header-shortcuts>button[aria-pressed='true'],.top-row #open-score-info[aria-pressed='true'] {background:#233e7c;color:#e2f5ff;border-color:#c1e3ff;box-shadow:inset 0 -3px #d7f1ff,0 0 8px #d0f1ff44}
.top-row .header-shortcuts>button[aria-pressed='true']>.icon {filter:drop-shadow(0 0 3px #c9edff66)}
.achievements-view {display:flex;flex-direction:column;gap:14px}
.achievements-view>.detail-heading {margin-bottom:0}
.achievements-summary {display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;flex:none}
.achievements-summary>div {min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;border:1px solid #294d8b99;padding:12px 16px;background:#c2e5ff20}
.achievements-summary strong {font:700 30px/1.1 var(--font-display);color:var(--ink)}
.achievements-summary strong small {font:400 16px var(--font-display)}
.achievements-summary span {font:400 11px/1.5 var(--font-ui)}
.achievement-total {position:relative;padding-left:62px!important}
.achievement-total>.icon {position:absolute;left:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;filter:drop-shadow(0 0 4px #d4f3ff66)}
.achievement-streaks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:none}
.achievement-streaks>div {display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:11px 14px;border-left:3px solid #c7e8ff99;background:#263f7b1a}
.achievement-streaks span {font:400 12px/1.5 var(--font-display)}
.achievement-streaks strong {grid-row:1/3;grid-column:2;align-self:center;font:700 26px/1.2 var(--font-display)}
.achievement-streaks strong small {font:400 10px var(--font-ui)}
.achievement-streaks>div>small {font:400 9px/1.5 var(--font-ui)}
.achievement-tools {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex:none}
.achievement-filters {display:flex;flex-wrap:wrap;gap:6px}
.achievement-filters button {border:1px solid #b7d9f3;background:#233b70;color:#e7f6ff;text-shadow:none;font:700 11px var(--font-display);min-height:36px;padding:8px 12px;border-radius:3px}
.achievement-filters button:hover {background:#304d88;border-color:#effbff}
.achievement-filters button[aria-pressed='true'],#achievement-unlocked-only[aria-pressed='true'] {background:#e1f4ff;color:#192e5c;text-shadow:none;border-color:#f3fcff;box-shadow:0 0 0 1px #1b3566,inset 0 -3px #91bce3}
.achievement-filters button:focus-visible,#achievement-unlocked-only:focus-visible {outline:2px solid #f4fcff;outline-offset:3px}
#achievement-unlocked-only {min-height:36px;font-size:11px;padding:8px 12px}
.achievement-catalog {position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 3px 12px;flex:1}
.achievement-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.achievement-card {display:flex;flex-direction:column;padding:12px;min-width:0;border:1px solid #294d8b99;border-radius:4px;background:linear-gradient(135deg,#adcff029,#294b8a1a)}
.achievement-card.is-unlocked {border-color:#e4f6ffb0;background:linear-gradient(140deg,#d7f1ff4a,#5d91ce29);box-shadow:inset 0 1px #e6f9ff88,0 0 9px #c6ecff22}
.achievement-card-top {display:flex;align-items:center;gap:7px;font:400 8px var(--font-ui);margin-bottom:8px}
.achievement-card-top>strong {margin-left:auto;font:700 11px var(--font-display);white-space:nowrap}
.achievement-emblem {display:grid;place-items:center;width:30px;height:30px;background:#28478220;border:1px solid #34558c66;flex:none}
.achievement-emblem .icon {width:19px;height:19px}
.is-unlocked .achievement-emblem {color:#eefaff;background:#28467d;border-color:#d4f0ff;filter:drop-shadow(0 0 3px #e1f6ff55)}
.achievement-card h2 {font:700 16px/1.25 var(--font-display);letter-spacing:.015em;margin:0 0 6px}
.achievement-card>p {font:400 10px/1.5 var(--font-ui);margin:0 0 10px;flex:1}
.achievement-progress>span {display:block;font:400 10px/1.5 var(--font-ui);margin-bottom:6px}
.achievement-progress progress {display:block;width:100%;height:5px;border:0;border-radius:0;appearance:none;background:#28447755}
.achievement-progress progress::-webkit-progress-bar {background:#28447755}
.achievement-progress progress::-webkit-progress-value {background:#314c8d}
.achievement-progress progress::-moz-progress-bar {background:#314c8d}
.is-unlocked .achievement-progress progress::-webkit-progress-value {background:#e5f8ff;box-shadow:0 0 4px #d1f2ff88}
.is-unlocked .achievement-progress progress::-moz-progress-bar {background:#e5f8ff}
.achievement-last {display:block;font:400 9px/1.5 var(--font-ui);margin-top:10px}
.achievement-policy,.achievement-empty {font:400 11px/1.7 var(--font-ui);padding:12px 2px;margin:0}
.achievement-empty {grid-column:1/-1}
.achievement-art {width:34px;height:34px;display:block}
.achievement-emblem {width:34px;height:34px;color:#182e60}
.achievement-emblem .achievement-art {width:26px;height:26px}
.is-unlocked .achievement-emblem {color:#eefaff}
.achievement-streaks>div {background:#243f79;border:1px solid #a6cef1;border-left:3px solid #dcf4ff;color:#ecf9ff;box-shadow:inset 0 1px #d2efff26}
.achievement-streaks>div>small {color:#c2ddf5}
/* The full page scrolls, so cards are never trapped in a shallow inner window. */
.app-shell>main>#achievements-view {display:block;flex:none;min-height:100%;height:auto}
#achievements-view>.detail-heading,#achievements-view>.achievements-summary,#achievements-view>.achievement-streaks {margin-bottom:14px}
.achievement-tools {position:sticky;top:0;z-index:4;padding:10px 0;margin-bottom:12px;background:#537ab9;border-bottom:1px solid #25467f}
.achievement-catalog {overflow:visible;flex:none;min-height:0}
body:not(.is-overview) .display-footer {display:none}
body:not(.is-overview) .mobile-calendar {display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;font-size:12px}
.achievement-unlock {position:fixed;z-index:10000;bottom:24px;right:24px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:18px;border:1px solid #d4f3ff;background:linear-gradient(140deg,#263f7d,#152858);color:#e7f8ff;box-shadow:0 0 0 4px #20356266,0 0 28px #bedfff55;border-radius:5px}
.achievement-unlock-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}
.achievement-unlock h2 {font:700 21px/1.3 var(--font-display);letter-spacing:.025em;margin:0;color:#effbff;text-shadow:none}
.achievement-unlock-heading .icon-button {width:36px;height:36px;min-height:36px;flex:none;color:#e7f8ff;border:1px solid #a1c9ec88;border-radius:3px;background:transparent}
.achievement-unlock-badges {display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:14px 0 18px}
.achievement-unlock-badges>div {display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:12px 5px;background:#a0d6ff15;border:1px solid #a0d6ff44}
.achievement-unlock-badges>div>span {filter:drop-shadow(0 0 5px #b8e6ff88)}
.achievement-unlock-badges .achievement-art {width:45px;height:45px}
.achievement-unlock-badges strong {font:700 12px/1.4 var(--font-display)}
.achievement-unlock-badges small {font:400 9px var(--font-ui);color:#c3e4ff}
.achievement-unlock>.quiet-button {width:100%;border-color:#bce3ff;background:#bce3ff22;color:#effbff;min-height:42px;font-size:12px}
@media(min-width:1001px) {
  .app-shell>main>#achievements-view {gap:12px}
}
@media(min-width:1200px) {
  .achievement-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1001px) and (max-height:700px) {
  .app-shell>main>#achievements-view {gap:6px;padding-block:6px}
  #achievements-view>.detail-heading {min-height:32px}
  #achievements-view>.detail-heading .quiet-button {min-height:32px}
  .achievements-summary>div {display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:6px 12px}
  .achievements-summary strong {font-size:23px}
  .achievements-summary span {font-size:10px}
  .achievement-streaks>div {padding:6px 12px;gap:2px 10px}
  .achievement-streaks strong {font-size:23px}
  .achievement-filters button,#achievement-unlocked-only {min-height:32px;padding:6px 10px}
  .achievement-card {padding:12px}
  .achievement-card-top {margin-bottom:8px}
  .achievement-card h2 {font-size:16px;margin-bottom:6px}
  .achievement-card>p {font-size:10px;margin-bottom:10px}
}
@media(max-width:1000px) {
  .achievement-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px), (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .top-row {grid-template-columns:minmax(0,1fr) 40px auto;gap:6px}
  .top-row .day-navigation {grid-row:1;grid-column:1/-1}
  .top-row #save-status {grid-row:2;grid-column:1;justify-self:start;max-width:none;margin:0;text-align:left;font-size:8px}
  .top-row .score-info-button {grid-row:2;grid-column:2;width:40px;height:40px;margin:0}
  .top-row .header-shortcuts {grid-row:2;grid-column:3;justify-self:end}
  .achievements-view {gap:12px}
  .achievements-summary {grid-template-columns:1fr 1fr;gap:8px}
  .achievements-summary>div {padding:12px}
  .achievements-summary .achievement-total {grid-column:1/-1;min-height:82px}
  .achievements-summary strong {font-size:28px}
  .achievements-summary span {font-size:10px}
  .achievement-streaks {gap:6px}
  .achievement-streaks>div {display:flex;flex-direction:column;gap:5px;padding:10px 8px}
  .achievement-streaks span {font-size:10px}
  .achievement-streaks strong {font-size:25px;align-self:flex-start}
  .achievement-streaks strong small,.achievement-streaks>div>small {font-size:8px}
  .achievement-tools {align-items:stretch}
  .achievement-filters {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%}
  .achievement-filters button {min-height:42px;padding:8px 6px;font-size:11px}
  #achievement-unlocked-only {min-height:42px}
  .achievement-catalog {overflow:visible;flex:initial;padding:0}
  .achievement-grid {grid-template-columns:1fr;gap:9px}
  .achievement-card {padding:12px}
  .achievement-card h2 {font-size:17px}
  .achievement-card-top {font-size:9px}
  .achievement-card>p {font-size:11px;line-height:1.5}
  .achievement-unlock {bottom:max(12px,env(safe-area-inset-bottom));right:12px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:14px}
  .achievement-unlock h2 {font-size:19px}
  .achievement-unlock-badges {grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px}
}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .top-row {grid-template-columns:minmax(185px,1fr) minmax(0,auto) 40px auto;gap:6px}
  .top-row .day-navigation {grid-row:1;grid-column:1}
  .top-row #save-status {grid-row:1;grid-column:2}
  .top-row .score-info-button {grid-row:1;grid-column:3}
  .top-row .header-shortcuts {grid-row:1;grid-column:4}
  .top-row #save-status {max-width:130px}
  .achievements-summary {grid-template-columns:1.5fr 1fr 1fr}
  .achievements-summary .achievement-total {grid-column:auto}
  .achievement-streaks>div {display:grid;grid-template-columns:1fr auto}
  .achievement-streaks strong {align-self:center}
  .achievement-filters {display:flex;width:auto;flex-wrap:wrap}
  .achievement-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}