*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#eef4ff;color:#111}nav{background:#101d42;padding:1rem}nav a{color:#fff;font-weight:700}main{max-width:920px;margin:auto;padding:1rem}.tag{font-size:1.2rem;font-weight:700}.panel{background:#fff;border:2px solid #223a70;border-radius:14px;padding:1rem;margin:1rem 0}.question{font-size:1.65rem;font-weight:900;border:3px solid #111;border-radius:12px;padding:1rem}.scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}.cell{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:.8rem;max-width:430px;margin:1rem 0}.dot{min-height:72px;border:4px solid #111;border-radius:999px;background:#fff;font:inherit;font-weight:900;font-size:1.1rem}.dot[aria-pressed="true"]{background:#111;color:#fff}.dot:focus,button:focus,select:focus{outline:5px solid #000;outline-offset:3px}button,select{font:inherit}button{min-height:48px;margin:.3rem;padding:.6rem .9rem;font-weight:800}.history{border-top:1px solid #777;margin-top:1rem;padding-top:.5rem;max-height:180px;overflow:auto}@media(max-width:480px){.cell{grid-template-columns:repeat(2,1fr)}}