#menu .menu-actions{grid-template-rows:repeat(4,1fr);top:56%;gap:5%}
#menu .menu-actions.has-save{grid-template-rows:repeat(5,1fr);top:53%;gap:4%}
#difficulty,#badges{background:#122a30;color:#f7f0dc;border:2px solid #d4c173;padding:24px;width:min(840px,94vw);max-height:88dvh;overflow:auto;overscroll-behavior:contain}
#difficulty::backdrop,#badges::backdrop{background:#07141cda}
#difficulty h2,#badges h2{margin:0 0 16px;color:#eed77e}
.difficulty-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.difficulty-choices button{padding:18px 12px;text-align:left;white-space:normal}
.difficulty-choices strong,.difficulty-choices span{display:block}
.difficulty-choices strong{font-size:22px;margin-bottom:10px}
.difficulty-choices span{font-size:14px;line-height:1.4;margin:0;font-weight:400}
#badges header{display:flex;justify-content:space-between;align-items:center;gap:12px}
#badges h3{color:#d4ed76;margin:10px 0}
#badge-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#badge-collection article{border:1px solid #536567;background:#0d2026;padding:14px;text-align:center}
#badge-collection img{width:100%;max-width:180px;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}
#badge-collection .locked img{filter:grayscale(1);opacity:.3}
#badge-collection h4{margin:8px 0;color:#ffe7a3;font-size:16px}
#badge-collection p{font-size:13px;line-height:1.5;color:#d0dcda}
#badge-collection small{color:#d4ed76}
@media(max-width:600px){#difficulty,#badges{padding:16px}.difficulty-choices{grid-template-columns:1fr;gap:8px}.difficulty-choices button{padding:12px}.difficulty-choices strong{font-size:18px;margin-bottom:3px}#badge-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#badge-collection article{padding:8px}}
/* Avoid a full-screen live blur surface when pausing on mobile WebKit. */
@media(pointer:coarse){#pause-screen{backdrop-filter:none;-webkit-backdrop-filter:none;background:#101d27f7}}