:root{color-scheme:light;--green:#073d2c;--turf:#174d38;--gold:#ffcf48;--paper:#fffaf0;--ink:#123d2d;--muted:#53655a;--line:#c8d6c8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.7;border-top:8px solid var(--gold)}main{max-width:704px;margin:auto;padding:26px 22px 32px}header{position:relative;isolation:isolate;overflow:hidden;background:var(--green);border-radius:26px 26px 8px 8px;padding:28px 30px 31px;color:var(--paper);margin-bottom:22px;border-bottom:8px solid #829c42}header:after{content:"";position:absolute;z-index:-1;width:350px;height:250px;border:2px solid #ffffff14;border-radius:50%;right:-220px;top:45px;box-shadow:0 0 0 35px #ffffff07,0 0 0 72px #ffffff05;transform:rotate(-28deg)}.eyebrow{display:flex;gap:15px;align-items:center;font-weight:850}.brand-mark{width:76px;height:76px;object-fit:contain;background:var(--paper);border-radius:20px;padding:5px;transform:rotate(-7deg)}.brand-name{letter-spacing:.12em;font-size:25px;color:var(--gold)}h1{font-size:clamp(29px,6.9vw,43px);line-height:1.45;letter-spacing:-.035em;margin:22px 0 12px;font-weight:850}header p{margin:0;color:#e4ebd8;font-size:14px}.panel{background:#fff;border:2px solid var(--green);border-radius:8px 22px 22px 22px;padding:25px;margin-bottom:20px;box-shadow:4px 5px 0 #e7e5cd}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}h2{font-size:18px;line-height:1.45;margin:0;letter-spacing:-.025em}h2 span{display:inline-flex;justify-content:center;align-items:center;width:29px;height:29px;border-radius:50%;background:var(--gold);color:var(--green);font-size:11px;margin-right:9px;letter-spacing:.02em;vertical-align:middle}button,select,input{font:inherit}button,select{cursor:pointer}button{min-height:44px}.text-button{border:0;background:none;color:var(--green);font-size:12px;padding:0;text-decoration:underline;text-underline-offset:4px;font-weight:700}.count-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:750}select{min-height:48px;border:1.5px solid #7d9785;border-radius:8px;padding:8px 40px 8px 16px;background:#fffaf0;color:var(--ink);font-weight:750}.hint{font-size:12px;color:var(--muted);margin:15px 0 22px}.column-labels,.player{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px}.column-labels{font-size:12px;color:var(--muted);padding:0 3px 7px;font-weight:650}.column-labels span:last-child{text-align:center}.player{margin-bottom:12px}.player input{min-width:0;width:100%;height:58px;border:1.5px solid #afc1b0;border-radius:8px;background:#fff;color:var(--ink);padding:10px 13px}.player .score{font-size:25px;text-align:center;font-weight:750;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:#fffbed;border-color:#b3a56d}.player input::placeholder{color:#718076;opacity:1;font-weight:400}.player input[aria-invalid=true]{border-color:#b53629;background:#fff3ee}.primary{width:100%;background:var(--gold);border:2px solid var(--green);border-radius:9px;color:var(--green);min-height:60px;font-weight:850;font-size:17px;display:flex;justify-content:space-between;align-items:center;padding:14px 19px;margin-top:18px;box-shadow:0 4px 0 var(--green);transition:background .15s}.primary:hover{background:#ffdf79}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--green)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #2478aa;outline-offset:3px}.error{color:#a32922;font-size:13px;margin:6px 0}.error:empty{display:none}.unit{font-size:10px;letter-spacing:.15em;color:var(--green);font-weight:800}.results{border-top:8px solid var(--green)}.empty{text-align:center;font-size:14px;color:var(--muted);padding:12px 0 23px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 4px;border-bottom:1px dashed #c8d6c8}.result-name{overflow-wrap:anywhere;min-width:0;font-weight:650}.result-score{font-size:32px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.positive{color:#176142}.negative{color:#a33125}.zero-check{display:flex;justify-content:space-between;background:#eaf0d5;padding:12px 13px;border-radius:8px;font-size:12px;margin-top:18px;font-weight:700}.reset{display:block;margin:17px auto -4px;padding:6px 12px;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.sample{border:2px solid var(--green);background:#fff0b5;border-radius:22px 8px 22px 22px;padding:26px;margin:25px 0;color:var(--ink);box-shadow:4px 5px 0 #e7e5cd}.sample-label{display:inline-block;font-size:10px;font-weight:850;letter-spacing:.13em;background:var(--green);color:var(--gold);padding:5px 9px;border-radius:4px;margin-bottom:13px}.sample h2{font-size:22px}.sample p{font-size:14px;color:#344d35;margin:13px 0 19px}.sample a{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:56px;padding:13px 16px;border-radius:8px;background:var(--green);color:#fffaf0;text-decoration:none;font-size:14px;font-weight:750}.sample a:hover{background:#1d5940}.sample small{display:block;margin-top:11px;font-size:12px;color:#344d35;overflow-wrap:anywhere}.shop{background:#18382e;color:#fffaf0;border-radius:8px 22px 22px 22px;padding:29px;margin:25px 0;position:relative;overflow:hidden}.shop:after{content:'美';font-family:serif;position:absolute;font-size:170px;line-height:1;right:-15px;top:70px;opacity:.045;pointer-events:none}.ad-label{font-size:10px;letter-spacing:.12em;color:#d2dccb}.shop-intro{font-family:serif;font-size:20px;line-height:1.7;margin:20px 0}.shop h2{font-family:serif;font-size:19px;letter-spacing:.13em;font-weight:400}.shop h2 strong{font-size:33px;font-weight:500}.shop-type{font-size:12px;letter-spacing:.07em;margin:7px 0 18px}.shop-address{font-size:12px;color:#d4e0d5}.shop a{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:20px;padding-top:12px;border-top:1px solid #ffffff55;color:#fffaf0;text-decoration:none;font-size:13px}.howto{margin-top:24px}.howto h2{border-bottom:3px solid var(--gold);padding-bottom:12px}.howto ol{padding-left:24px;font-size:14px}.howto li{padding:0 0 9px 4px}.howto li::marker{color:var(--green);font-weight:800}.howto li p{font-size:13px;color:var(--muted);margin:5px 0 10px}.rules{padding:16px 8px;font-size:13px;color:var(--muted)}summary{cursor:pointer;min-height:44px;align-content:center;color:var(--ink);font-weight:750}.rules p{margin:12px 0}.formula{padding:15px;background:#eaf0d5;border-radius:8px;color:var(--ink);font-weight:700}footer{border-top:2px solid var(--green);margin-top:16px;padding:23px 5px 5px;text-align:center;font-size:11px;color:var(--muted)}@media(max-width:480px){main{padding:16px 15px 25px}header{padding:23px 22px 26px}.brand-mark{width:65px;height:65px}.brand-name{font-size:23px}.panel{padding:22px 19px}.section-head{gap:7px}h2{font-size:17px}.sample{padding:23px 21px}.sample a{font-size:13px}}@media(max-width:380px){main{padding:14px 12px 24px}header{padding:21px 19px 24px}h1{font-size:29px}.panel{padding:20px 16px}.column-labels,.player{grid-template-columns:minmax(0,1fr) 96px;gap:9px}.section-head{gap:5px}h2{font-size:16px}h2 span{width:25px;height:25px;margin-right:6px}.text-button{font-size:11px}.sample{padding:21px 18px}.sample h2{font-size:20px}.sample a{font-size:12px}}