*{box-sizing:border-box}body{margin:0;font:18px/1.5 system-ui,sans-serif;color:#1d2a2f;background:#f7f6f2}
main{max-width:36rem;margin:0 auto;padding:2rem 1.25rem}h1{font-size:1.6rem}
button{font:inherit;min-height:44px;padding:.5rem 1.2rem;border:1px solid #1d2a2f;border-radius:6px;background:#1d2a2f;color:#fff;cursor:pointer}
button.secondary{background:transparent;color:#1d2a2f}button:disabled{opacity:.4;cursor:default}
.row{display:flex;gap:.75rem;justify-content:space-between;margin-top:1.5rem}
input[type=range]{width:100%;height:44px}.unset input[type=range]::-webkit-slider-thumb{opacity:0}.unset input[type=range]::-moz-range-thumb{opacity:0}
.anchors{display:flex;justify-content:space-between;font-size:.85rem}.val{font-weight:600;min-height:1.5em}.stem{color:#46585e}
.scores{display:flex;gap:1rem}.scores>div{flex:1;border:1px solid #ccc;border-radius:8px;padding:1rem;background:#fff}.big{font-size:2rem;font-weight:700}
svg{width:100%;max-width:300px;display:block;margin:1rem auto}.pos{font-size:1.25rem;font-weight:600}.muted{color:#46585e;font-size:.9rem}
.tag{font-size:.75rem;color:#46585e;border:1px solid #ccc;border-radius:4px;padding:0 .3rem}