:root{color:#202421;font-synthesis:none;background:#fff;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}nav,main{width:min(100% - 32px,680px);margin-inline:auto}nav{padding-block:16px}main{padding-bottom:32px}h1{overflow-wrap:anywhere;margin:0 0 20px;font-size:1.35rem;font-weight:600;line-height:1.35}h2{margin:0;font-size:1rem;font-weight:600}p{margin:12px 0}a{color:#216343;text-underline-offset:3px}nav a{color:inherit;font-weight:600;text-decoration:none}button,input,textarea{font:inherit}button{min-height:40px;color:inherit;cursor:pointer;background:#fff;border:1px solid #c8ceca;border-radius:5px;padding:7px 12px}button:hover:not(:disabled){background:#f1f5f2}button:disabled{opacity:.5;cursor:default}button.primary{color:#fff;background:#216343;border-color:#216343}button.primary:hover:not(:disabled){background:#174a31}:focus-visible{outline-offset:3px;outline:2px solid #216343}input:not([type=range]),textarea{width:100%;min-width:0;color:inherit;background:#fff;border:1px solid #b6beb8;border-radius:4px;padding:9px 10px}textarea{resize:vertical}label{gap:6px;display:grid}form{gap:20px;display:grid}.form-page{max-width:440px;margin:16px auto 0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:6px;padding:0}.options-list{gap:8px;display:grid}.option-input{gap:8px;display:flex}.option-input button{flex:0 0 40px;width:40px}.text-button{margin-top:8px}.muted,.arena-hint{color:#5e6861;font-size:.875rem}.error{color:#a12020}.toolbar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.timer{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.round-status{margin-block:12px}.round-status p{margin:0}.arena{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:min(100%,560px);margin-inline:auto;position:relative}.arena.interactive{touch-action:none;cursor:crosshair}.arena svg{width:100%;height:100%;display:block}.target{fill:#f4f7f5;stroke:#b5c4ba;stroke-width:2px}.target.chosen,.target.dwelling{fill:#d6ebde;stroke:#216343;stroke-width:4px}.target-label{text-align:center;pointer-events:none;overflow-wrap:anywhere;width:26%;max-width:100px;font-size:13px;line-height:1.3;position:absolute;transform:translate(-50%,-50%)}.puck{fill:#202421}.magnet{fill:#216343;stroke:#fff;stroke-width:3px}.pull-line{stroke:#216343;stroke-width:2px;opacity:.2;stroke-dasharray:6 6}.pull-line.pulling{opacity:.8;stroke-dasharray:none}.replay-pull{stroke:#216343;stroke-width:2px;opacity:.3}.replay-magnet{fill:#216343}.dwell-ring{fill:none;stroke:#216343;stroke-width:5px}.countdown-overlay{pointer-events:none;background:#ffffffc9;place-items:center;font-size:3rem;display:grid;position:absolute;inset:0}.arena-hint{justify-content:center;align-items:baseline;gap:8px;display:flex}.magnet-key{background:#216343;border-radius:50%;flex-shrink:0;width:8px;height:8px}.support{gap:12px;margin-top:24px;font-size:.875rem;display:grid}summary{cursor:pointer;width:fit-content}ul{padding-left:20px}li{margin-block:6px}.replay-controls{align-items:center;gap:12px;display:flex}.replay-controls input{accent-color:#216343;flex:1;min-width:0}@media (width<=480px){.target-label{font-size:12px}}select{font:inherit;max-width:100%;color:inherit;background:#fff;border:1px solid #b6beb8;border-radius:4px;padding:8px}.correction-force{stroke:#b85d05;stroke-width:7px;stroke-linecap:round}