:root{--ink:#0b1113;--panel:#131e20;--plate:#1d2a2c;--edge:#33474a;--brass:#d4a24c;--brass-hi:#f2ce86;--bone:#e9e5da;--dim:#7c8d8f;--alarm:#c4382c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{background:radial-gradient(120% 80% at 50% -10%, #16262a 0%, var(--ink) 60%), var(--ink);min-height:100dvh;color:var(--bone);margin:0;font-family:Noto Sans SC,system-ui,-apple-system,sans-serif}.root{justify-content:center;min-height:100dvh;padding:22px 18px 34px;display:flex}.frame{width:100%;max-width:460px}.head{justify-content:space-between;align-items:baseline;margin-bottom:26px;display:flex}.title{letter-spacing:.16em;margin:0;font-size:26px;font-weight:700}.sub{letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-top:4px;font-family:Chakra Petch,ui-monospace,monospace;font-size:10px}.round-no{letter-spacing:.22em;color:var(--brass);text-transform:uppercase;font-family:Chakra Petch,ui-monospace,monospace;font-size:11px}.readout{justify-content:center;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.bound{color:var(--dim);font-family:Chakra Petch,ui-monospace,monospace;font-size:40px;font-weight:700;line-height:1}.gap{letter-spacing:.2em;color:var(--brass);text-transform:uppercase;padding-bottom:8px;font-family:Chakra Petch,ui-monospace,monospace;font-size:11px}.track{border:1px solid var(--edge);background:repeating-linear-gradient(90deg,#0000 0 8px,#d4a24c29 8px 9px),linear-gradient(#172426,#0e1719);height:74px;position:relative;overflow:hidden}.plate{background:repeating-linear-gradient(45deg, var(--plate) 0 6px, #172223 6px 12px);transition:width .55s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0}.plate.l{border-right:1px solid var(--edge);left:0}.plate.r{border-left:1px solid var(--edge);right:0}.needle{background:var(--brass-hi);width:2px;transition:left .12s linear;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 14px 2px #f2ce868c}.needle.bust{background:var(--alarm);box-shadow:0 0 22px 5px #c4382cb3}.scale{letter-spacing:.18em;color:var(--dim);justify-content:space-between;margin-top:7px;font-family:Chakra Petch,ui-monospace,monospace;font-size:10px;display:flex}.turn{text-align:center;margin:26px 0 10px}.turn-label{letter-spacing:.3em;color:var(--dim);text-transform:uppercase;font-family:Chakra Petch,ui-monospace,monospace;font-size:10px}.turn-name{margin-top:5px;font-size:20px;font-weight:700}.pick{text-align:center;color:var(--brass-hi);margin:4px 0 16px;font-family:Chakra Petch,ui-monospace,monospace;font-size:68px;font-weight:700;line-height:1}input[type=range].slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:34px}input[type=range].slider::-webkit-slider-runnable-track{background:var(--edge);height:2px}input[type=range].slider::-moz-range-track{background:var(--edge);height:2px}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brass);border:3px solid var(--ink);width:26px;height:26px;box-shadow:0 0 0 1px var(--brass);margin-top:-12px}input[type=range].slider::-moz-range-thumb{background:var(--brass);border:3px solid var(--ink);width:26px;height:26px;box-shadow:0 0 0 1px var(--brass);border-radius:0}input[type=range].slider:focus-visible{outline:2px solid var(--brass-hi);outline-offset:6px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:6px;display:flex}.chip{background:var(--panel);border:1px solid var(--edge);min-width:52px;color:var(--bone);cursor:pointer;padding:12px 6px;font-family:Chakra Petch,ui-monospace,monospace;font-size:19px;font-weight:700}.chip:hover{border-color:var(--brass);color:var(--brass-hi)}.chip:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.btn{cursor:pointer;letter-spacing:.22em;text-transform:uppercase;background:var(--brass);color:#14100a;border:none;width:100%;margin-top:14px;padding:16px;font-family:Chakra Petch,ui-monospace,monospace;font-size:14px;font-weight:700}.btn:hover{background:var(--brass-hi)}.btn:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.btn.ghost{color:var(--bone);border:1px solid var(--edge);background:0 0}.btn.ghost:hover{border-color:var(--brass);color:var(--brass-hi)}.log{border-top:1px solid var(--edge);margin-top:26px;padding-top:12px}.log-row{letter-spacing:.1em;color:var(--dim);justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-family:Chakra Petch,ui-monospace,monospace;font-size:12px;display:flex}.log-row b{color:var(--bone);font-weight:600}.log-cut{color:var(--brass);white-space:nowrap}.bust{text-align:center;padding:8px 0 4px;position:relative}.key-wrap{pointer-events:none;width:64px;height:152px;animation:.45s ease-out both reveal;position:absolute;top:50%;right:0;transform:translateY(-50%)}@keyframes reveal{0%{opacity:0}to{opacity:1}}.lock{position:absolute;bottom:0;left:0}.key{transform-origin:20px 106px;filter:drop-shadow(0 0 10px #d4a24c8c);animation:2.3s ease-in-out .35s infinite both pick;position:absolute;top:12px;left:12px}@keyframes pick{0%{transform:translateY(-30px)rotate(0)}12%{transform:translateY(0)rotate(0)}24%{transform:translateY(0)rotate(-34deg)}36%{transform:translateY(0)rotate(16deg)}48%{transform:translateY(0)rotate(-26deg)}60%{transform:translateY(0)rotate(22deg)}72%{transform:translateY(0)rotate(-12deg)}86%{transform:translateY(0)rotate(0)}to{transform:translateY(-30px)rotate(0)}}.bust-label{letter-spacing:.34em;color:var(--alarm);text-transform:uppercase;font-family:Chakra Petch,ui-monospace,monospace;font-size:10px}.bust-num{color:var(--alarm);margin:10px 0 6px;font-family:Chakra Petch,ui-monospace,monospace;font-size:92px;font-weight:700;line-height:1}.bust-who{font-size:20px;font-weight:700}.bust-note{color:var(--dim);margin-top:6px;font-size:13px}.shake{animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.shake{animation:none}.plate,.needle{transition:none}.key{animation:none;transform:rotate(22deg)}.key-wrap{animation:none}}.tally{border-top:1px solid var(--edge);margin-top:26px;padding-top:14px}.tally-label{letter-spacing:.3em;color:var(--dim);text-transform:uppercase;margin-bottom:10px;font-family:Chakra Petch,ui-monospace,monospace;font-size:10px}.tally-row{border-bottom:1px solid #33474a66;align-items:center;gap:12px;padding:7px 0;display:flex}.tally-row:last-child{border-bottom:none}.tally-row .who{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.tally-row .count{color:var(--dim);font-family:Chakra Petch,ui-monospace,monospace;font-size:16px;font-weight:700}.tally-row.worst .count{color:var(--alarm)}.setup-label{letter-spacing:.3em;color:var(--dim);text-transform:uppercase;margin-bottom:10px;font-family:Chakra Petch,ui-monospace,monospace;font-size:10px}.count{align-items:center;gap:16px;margin-bottom:24px;display:flex}.count-btn{background:var(--panel);border:1px solid var(--edge);width:44px;height:44px;color:var(--bone);cursor:pointer;font-family:Chakra Petch,ui-monospace,monospace;font-size:22px}.count-btn:hover:not(:disabled){border-color:var(--brass);color:var(--brass-hi)}.count-btn:disabled{opacity:.35;cursor:not-allowed}.count-val{text-align:center;min-width:34px;font-family:Chakra Petch,ui-monospace,monospace;font-size:30px;font-weight:700}.name-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.name{background:var(--panel);border:1px solid var(--edge);color:var(--bone);flex:1;padding:11px 12px;font-family:Noto Sans SC,system-ui,sans-serif;font-size:14px}.name:focus{border-color:var(--brass);outline:none}.name-loss{letter-spacing:.12em;color:var(--dim);text-align:right;min-width:56px;font-family:Chakra Petch,ui-monospace,monospace;font-size:11px}.rules{color:var(--dim);margin:22px 0 0;font-size:13px;line-height:1.65}.picks{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.pick-chip{background:var(--panel);border:1px solid var(--edge);color:var(--bone);cursor:pointer;align-items:center;gap:7px;padding:11px 14px;font-family:Noto Sans SC,system-ui,sans-serif;font-size:15px;display:inline-flex}.pick-chip:hover:not(.static){border-color:var(--brass)}.pick-chip.on{border-color:var(--brass);color:var(--brass-hi);background:#d4a24c14}.pick-chip.static{cursor:default}.pick-chip:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.pick-order{background:var(--brass);color:#14100a;place-items:center;width:18px;height:18px;font-family:Chakra Petch,ui-monospace,monospace;font-size:11px;font-weight:700;display:grid}.pick-order.del{background:var(--alarm);color:var(--bone)}.add-row{gap:8px;margin-bottom:4px;display:flex}.add-row .name{margin-bottom:0}.row-2{gap:10px;display:flex}.row-2 .btn{margin-top:10px}.toggle{text-align:left;background:var(--panel);border:1px solid var(--edge);width:100%;color:var(--bone);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px;font-family:inherit;display:flex}.toggle.on{border-color:var(--brass)}.toggle:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.toggle-box{border:1px solid var(--edge);background:var(--ink);color:#14100a;flex:none;place-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:grid}.toggle.on .toggle-box{background:var(--brass);border-color:var(--brass)}.toggle-text{flex-direction:column;gap:3px;display:flex}.toggle-text b{font-size:15px;font-weight:700}.toggle-text em{color:var(--dim);font-size:12px;font-style:normal;line-height:1.5}.stake-input{text-align:center;margin-bottom:18px;font-family:Chakra Petch,ui-monospace,monospace;font-size:22px;font-weight:700}.count-sub{letter-spacing:.1em;color:var(--dim);font-family:Chakra Petch,ui-monospace,monospace;font-size:11px}.bust-num.small{font-size:56px}.warn{color:var(--alarm);margin:0 0 14px;font-size:13px;line-height:1.5}.pair{gap:10px;margin-bottom:8px;display:flex}.pair-field{flex:1;display:block}.pair-field .setup-label{margin-bottom:6px;display:block}.name.num{text-align:center;font-family:Chakra Petch,ui-monospace,monospace;font-size:20px;font-weight:700}.pick-chip.muted{color:var(--dim);cursor:default}.rounds-list{border-top:1px solid var(--edge);margin-bottom:4px}.round-row{border-bottom:1px solid #33474a66;align-items:center;gap:10px;padding:5px 0;display:flex}.round-row.total{border-bottom:none;border-top:1px solid var(--edge);margin-top:4px;padding-top:10px}.round-tag{letter-spacing:.14em;color:var(--dim);flex:none;width:30px;font-family:Chakra Petch,ui-monospace,monospace;font-size:11px}.round-row.total .round-tag{color:var(--brass)}.round-amount{background:var(--panel);border:1px solid var(--edge);min-width:0;color:var(--bone);text-align:right;flex:1;padding:9px 10px;font-family:Chakra Petch,ui-monospace,monospace;font-size:16px;font-weight:700}.round-amount:focus{border-color:var(--brass);outline:none}.round-amount.readonly{color:var(--brass-hi);background:0 0;border-color:#0000}.round-pct{color:var(--dim);text-align:right;flex:none;width:48px;font-family:Chakra Petch,ui-monospace,monospace;font-size:12px}.round-stake{color:var(--brass-hi);letter-spacing:.05em;text-align:right;margin-top:3px;font-size:15px;display:block}.backdrop{z-index:10;background:#060a0bc7;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--edge);width:100%;max-width:340px;padding:22px;box-shadow:0 24px 60px #0000008c}.modal-label{letter-spacing:.3em;text-transform:uppercase;color:var(--brass);font-family:Chakra Petch,ui-monospace,monospace;font-size:11px}.modal-body{color:var(--dim);margin:12px 0 6px;font-size:14px;line-height:1.6}.btn.danger{background:var(--alarm);color:var(--bone)}.btn.danger:hover{background:#d8483c}.tabs{margin-bottom:18px}.rec-list{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.rec{border:1px solid var(--edge);background:var(--panel);padding:12px 14px}.rec.worst{border-color:var(--alarm)}.rec-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.rec-head.as-button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;margin:0 0 10px;padding:0;font-family:inherit}.rec-name{font-size:16px;font-weight:700}.rec-amount{color:var(--brass-hi);font-family:Chakra Petch,ui-monospace,monospace;font-size:18px;font-weight:700}.rec.worst .rec-amount{color:var(--alarm)}.rec-stats{border-top:1px solid #33474a80;gap:8px;padding-top:10px;display:flex}.stat{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stat-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-family:Chakra Petch,ui-monospace,monospace;font-size:9px}.stat-value{color:var(--bone);font-family:Chakra Petch,ui-monospace,monospace;font-size:15px;font-weight:700}.stat-note{color:var(--dim);font-size:10px}.detail{border-top:1px solid #33474a80;margin-top:10px;padding-top:8px}.detail-row{align-items:baseline;gap:8px;padding:4px 0;font-size:12px;display:flex}.detail-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.detail-note{color:var(--dim);white-space:nowrap;font-family:Chakra Petch,ui-monospace,monospace;font-size:10px}.detail-amount{color:var(--alarm);text-align:right;min-width:46px;font-family:Chakra Petch,ui-monospace,monospace;font-weight:700}.btn.ghost.danger-text{color:var(--alarm);border-color:#c4382c66}.btn.ghost.danger-text:hover{border-color:var(--alarm);color:var(--alarm);background:#c4382c14}.btn.small{margin-top:10px;padding:10px;font-size:11px}