:root{color-scheme:light;--ink:#193128;--muted:#53665b;--green:#123e30;--line:#dce7df;--cream:#f5f7f2;font-family:"Instrument Sans",system-ui,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0}.wrap{width:min(1080px,calc(100% - 48px));margin:auto}
.hero{background:var(--green);color:#fbf9ee;border-bottom:4px solid #c9d795}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:47px 0}
h1{font-family:"Instrument Serif",Georgia,serif;font-weight:500;font-size:clamp(2.55rem,7vw,4.5rem);letter-spacing:-.05em;line-height:1;margin:0}p{color:#d4e6d9;margin:12px 0 0}small{display:block;text-align:center;color:#d4e6d9;margin-top:8px}
button,input,select{font:inherit}button{cursor:pointer}#import{display:block;margin:auto;border:0;border-radius:8px;padding:13px 20px;background:#e1edb9;color:#163a2c;font-weight:700}
#status{padding:20px 0 14px;color:var(--muted);overflow-wrap:anywhere}#status.error{color:#9d241e}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}.stats span,label,footer{font-size:.875rem;color:var(--muted)}.stats strong{display:block;font-size:clamp(1.4rem,3vw,2rem);margin-top:5px;font-variant-numeric:tabular-nums}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:28px}.toolbar,.filters,footer{display:flex;align-items:center;gap:14px}.toolbar{padding:18px 20px;justify-content:space-between;flex-wrap:wrap}h2{font-size:1.3rem;margin:0}.filters{flex-wrap:wrap}label{display:grid;gap:4px}label[hidden]{display:none}input,select{min-height:38px;color:var(--ink);background:#fff;border:1px solid #a9bcb1;border-radius:6px;padding:6px 9px;max-width:100%}
.scroll{overflow:auto}table{width:100%;min-width:610px;border-collapse:collapse;font-variant-numeric:tabular-nums}th{background:var(--green);color:#fff}th,td{text-align:left;padding:13px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th button{border:0;background:none;color:inherit;font-weight:650;padding:0;text-align:inherit}th:nth-child(n+3),td:nth-child(n+3){text-align:right}tr.alternate{background:#eef5ee}td:nth-child(5){font-weight:700}.low{display:inline-block;background:#dfedc7;color:#24482b;padding:3px 7px;border-radius:6px}footer{justify-content:space-between;padding:13px 20px}.drag .hero{background:#235f46}
:focus-visible{outline:2px solid #ad7323;outline-offset:3px}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.heading{align-items:flex-start;flex-direction:column;padding:28px 0}.stats{grid-template-columns:repeat(2,1fr)}.stats div{padding:13px}.toolbar{padding:14px}.filters input{width:150px}th,td{padding-inline:12px}}

#scorecard-hint{margin:0;padding:0 20px 12px;color:var(--muted);font-size:.875rem}
.score-toggle{border:0;background:none;padding:0;color:#245740;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.scorecard>td{background:#f4f8f2;padding:12px 20px 16px}
.scorecard table{width:min(100%,680px);min-width:0;margin:0 0 8px;table-layout:fixed}
.scorecard caption{text-align:left;font-weight:700;padding:6px 0}
.scorecard th,.scorecard td{padding:6px 3px;text-align:center;font-size:.875rem}
.scorecard th{background:#dbe9dc;color:var(--ink)}
.scorecard td{background:#fff;font-weight:400}
.scorecard td:last-child{font-weight:700}