:root{font-family:system-ui,sans-serif;color:#252720;background:#f3f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(960px,92%);margin:auto}header,footer{padding:21px 0;font-size:.88rem}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #a9aa9d}a{color:inherit}header a:first-child{font-weight:750;text-decoration:none}header span{font-weight:450}
h1{font:500 clamp(2.8rem,6vw,5rem)/1.03 Georgia,serif;letter-spacing:-.04em;margin:44px 0 16px}.lead,article{max-width:66ch;line-height:1.6}.bench{display:grid;grid-template-columns:3fr 2fr;margin-top:28px;border:1px solid #aeafa4}.inputs,.gauge{padding:clamp(16px,3vw,30px);display:grid;gap:14px}.inputs label{display:grid;gap:5px;font-size:.86rem}.inputs small{line-height:1.5}.gauge{background:#25372e;color:#fafbf4;align-content:center}.gauge strong{font:500 clamp(3rem,7vw,6rem)/1 Georgia,serif}.gauge meter{width:100%;accent-color:#b1dc9c}select,button{font:inherit;padding:10px;border:1px solid #94988a;border-radius:4px;background:#fff;color:#262b23}select{width:100%}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 30px}.actions button:first-child{background:#283c2f;color:white}h2{font:500 1.75rem/1.2 Georgia,serif}article{margin:36px 0}footer{border-top:1px solid #b2b3a7}#history{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:5px}#history li{background:#e2dfd6;padding:8px;font-size:.83rem}#history li.win{background:#c5dfba}@media(max-width:600px){.bench{grid-template-columns:1fr}header{align-items:center}.lead{font-size:.95rem}}