:root{color-scheme:light;--green:#244841;--ink:#203e38;--paper:#fffdf3;--yellow:#f8cb62;--line:#c6d0c3;--muted:#5b6a60;--purple:#705484}*{box-sizing:border-box}body{margin:0;background:radial-gradient(#24484115 1px,transparent 1px) 0 0/7px 7px,var(--paper);color:var(--ink);font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;border:2px solid var(--green);background:var(--green);color:var(--paper);font-weight:700;padding:10px 14px;min-height:44px;border-radius:2px}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba622b;outline-offset:3px}input,select{width:100%;min-height:44px;background:#fffef9;border:1px solid #8b9e8d;border-radius:2px;padding:8px;color:var(--ink)}[hidden]{display:none!important}.site-header{border-bottom:2px solid var(--green);background:var(--paper)}.brand-row{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:14px}.brand{display:flex;align-items:center;text-decoration:none;font-size:22px;font-weight:900;gap:8px}.brand small{font-size:15px;margin-left:-6px}.brand-row>a:last-child{font-size:13px}main{max-width:1120px;padding:28px 22px 50px;margin:auto}.intro{margin-bottom:22px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;margin:0 0 4px}h1{font-size:clamp(26px,4vw,36px);line-height:1.3;margin:0}.title-dot{color:#b7933b}.intro>p:last-child{margin:10px 0 0;color:var(--muted)}h2{font-size:18px;margin:0}h3{font-size:15px;margin:24px 0 10px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}h3>span{font-size:11px;font-weight:500;color:var(--muted)}.scoreboard{background:var(--green);color:var(--paper);border:2px solid var(--green);box-shadow:5px 5px 0 #b9c7b6;padding:22px 28px}.score-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.score-top h2{font-size:15px}.tag{border:1px solid #ffffff5a;padding:2px 7px;font-size:11px}.scores{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 12px}.scores>div+div{border-left:1px solid #ffffff35;padding-left:30px}.score-label{font-size:13px}.score-label small{font-size:10px;color:#d3dfd6;margin-left:5px}.scores p{margin:0;line-height:1.2;display:flex;align-items:baseline;gap:8px}.scores strong{font-size:clamp(39px,6vw,62px);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.scores>div+div strong{color:var(--yellow)}.scores p>span{font-size:17px}.meter{position:relative;background:#ffffff20;height:10px;margin-top:20px}.meter>span{position:absolute;left:0;top:0;height:100%}#meter-expected{background:#e8eee370}#meter-min{background:var(--yellow);z-index:1}.meter-labels{display:flex;justify-content:space-between;font-size:10px;margin-top:4px;opacity:.8}.score-note{font-size:12px;margin:10px 0 0;color:#dce8df}.save-note{font-size:11px;color:var(--muted);margin:12px 0 22px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.panel{border:1px solid var(--line);border-top:3px solid var(--green);background:var(--paper);padding:22px;box-shadow:3px 3px 0 #2448410c}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.section-head h2>span{font-size:12px;color:#a47f2b;margin-right:8px;letter-spacing:.08em}.controls{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}.controls label{font-size:12px;font-weight:700}.controls select,.controls input{margin-top:5px}.controls small{display:block;font-size:10px;font-weight:400;text-align:right}.help{font-size:11px;color:var(--muted);line-height:1.65;margin:8px 0}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-button{text-align:left;background:#f3f4e9;color:var(--green);border:1px solid #b7c7b2;display:grid;grid-template-columns:1fr auto;gap:1px 5px;padding:11px 12px}.event-label{font-size:12px;line-height:1.5;align-self:center}.event-sub{grid-column:1;font-size:10px;font-weight:400;color:var(--muted)}.event-plus{grid-column:2;grid-row:1/3;align-self:center;font-size:22px}.hint-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hint-grid .event-button{border-color:var(--purple);background:#f2ecf5;color:#583b6a}.hint-grid .event-sub{color:#765c86}.hint-grid .event-label{font-size:14px}.count-tag{font-size:11px;background:#e9eedf;padding:2px 7px}.history-actions{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.secondary{background:var(--paper);color:var(--green);font-size:12px}.text-button{background:transparent;border-color:transparent;color:var(--muted);text-decoration:underline;font-size:12px;padding:8px}.history-list{list-style:none;padding:0;margin:0;max-height:680px;overflow:auto;scrollbar-gutter:stable}.history-item{padding:13px 0;border-bottom:1px dashed var(--line);display:grid;grid-template-columns:26px 1fr 35px;align-items:start;gap:7px}.history-index{font-size:11px;font-weight:700;color:var(--muted);margin-top:2px}.history-name{font-size:12px;font-weight:700;margin:0}.history-values{font-size:11px;color:var(--muted);margin:3px 0 0;font-variant-numeric:tabular-nums}.delete-event{border:0;background:transparent;color:var(--muted);padding:0;min-height:44px;width:34px;font-weight:400;font-size:19px}.history-item.hint .history-name{color:var(--purple)}.empty{text-align:center;color:var(--muted);font-size:13px;padding:44px 0}.empty>span{display:block;font-size:36px;color:#a9baa4}.empty small{display:block;font-size:11px;margin-top:6px}.explanation{margin-top:24px}.explanation summary{font-size:14px;font-weight:700;cursor:pointer;min-height:28px}.details-content{font-size:13px}.details-content p{margin:16px 0}.table-wrap{max-width:400px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12px}caption{text-align:left;font-weight:700;margin-bottom:6px}th,td{padding:6px 12px;border-bottom:1px solid var(--line);text-align:right}th:first-child,td:first-child{text-align:left}.site-footer{border-top:2px solid var(--green);padding:28px 20px;text-align:center;background:#ecf0e3}.site-footer nav{display:flex;justify-content:center;gap:20px;margin:20px 0 12px;font-size:12px}.site-footer small{font-size:11px}.site-footer button{background:var(--yellow);color:var(--green)}dialog{border:2px solid var(--green);background:var(--paper);color:var(--ink);padding:24px;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#142d28aa}dialog h2{font-size:18px}dialog p{font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}.error{background:#fff0eb;border:1px solid #a84e31;padding:12px;color:#85361f;font-size:13px}@media(max-width:760px){main{padding:22px 16px 35px}.brand-row{padding:12px 16px}.workspace{grid-template-columns:1fr}.scoreboard{padding:18px}.score-top{align-items:flex-start;flex-wrap:wrap}.scores{gap:10px;margin-top:18px}.scores>div+div{padding-left:18px}.score-label small{display:block;margin-left:0}.scores>div+div .score-label{display:block;padding-bottom:16px}.panel{padding:18px}.history-list{max-height:480px}.brand{font-size:20px}.save-note{font-size:10px}.event-button{min-height:72px}.history-item{grid-template-columns:24px 1fr 35px}}@media(prefers-reduced-motion:no-preference){.event-button:active{transform:translateY(1px)}}