*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6;color:#111827;line-height:1.55}nav{padding:.8rem 1rem;background:#fff;border-bottom:2px solid #111827}header,main,footer{max-width:980px;margin:auto;padding:1rem}header{text-align:center;background:#0b3d2e;color:#fff;max-width:none}h1{margin:.25rem}.panel{background:#fff;border:2px solid #374151;border-radius:12px;padding:1rem;margin:1rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.score div,.stat{background:#eef2ff;padding:.7rem;border-radius:8px;text-align:center}.score strong{display:block;font-size:1.7rem}button,select,input{font:inherit;padding:.7rem;border:2px solid #1f2937;border-radius:7px;margin:.25rem}button{background:#fde047;color:#111827;font-weight:bold;cursor:pointer}button:focus,select:focus,input:focus{outline:4px solid #2563eb;outline-offset:2px}button:disabled{opacity:.55}.choices{display:grid;gap:.6rem}.log{max-height:260px;overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.help{font-size:.94rem}.tiles{display:flex;flex-wrap:wrap;gap:.6rem}.tile{min-width:100px}.pop-grid{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));gap:.6rem}.pop{aspect-ratio:1;border-radius:50%;font-size:1rem}.pop.popped{background:#9ca3af}.final{font-size:1.3rem;font-weight:bold}footer{text-align:center}