ks-progress-option.ksp{--ksp-colors:#ff3045 0%,#ff8a20 25%,#ffe136 50%,#9ade28 75%,#20d66b 100%;--ksp-ink:#302329;--ksp-muted:#74676c;--ksp-track:#eedee3;--ksp-fill:#dc3454;display:block;box-sizing:border-box;min-width:0;padding:8px 11px;color:var(--ksp-ink);background:#fff;border:1px solid #eadde0;border-radius:6px;font:13px/1.45 Arial,sans-serif;text-align:left}
.ksp [hidden]{display:none!important}.ksp .ksp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.ksp .ksp-heading strong{font:600 13px/1.4 Arial,sans-serif;overflow-wrap:anywhere;color:inherit}.ksp .ksp-heading :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box;padding:6px 10px;color:#ad2340;background:transparent;border:1px solid #eadde0;border-radius:4px;font:600 11px/1.3 Arial,sans-serif;white-space:nowrap;text-decoration:none;flex-shrink:0}.ksp :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ksp .ksp-meter{display:block;margin:6px 0}.ksp .ksp-track{position:relative;min-width:0}.ksp .ksp-track::after{content:"";position:absolute;left:clamp(4px,var(--ksp-percent),calc(100% - 4px));top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ef2548;pointer-events:none}.ksp progress{display:block;appearance:none;width:100%;height:4px;margin:0;padding:0;border:0;border-radius:5px;overflow:hidden;background:var(--ksp-track);color:var(--ksp-fill)}.ksp progress::-webkit-progress-bar{background:var(--ksp-track)}.ksp progress::-webkit-progress-value{background:var(--ksp-fill)}.ksp progress::-moz-progress-bar{background:var(--ksp-fill)}.ksp .ksp-detail{margin-top:3px;font:12px/1.45 Arial,sans-serif;color:inherit}.ksp .ksp-note{display:block;margin-top:2px;font:11px/1.4 Arial,sans-serif;color:var(--ksp-muted)}.ksp .ksp-dial{display:none}
ks-progress-option.ksp--compact{max-width:230px;padding:2px 0;border:0;border-radius:0;background:transparent}.ksp--compact .ksp-heading strong{font-size:12px;color:#ad2340}.ksp--compact .ksp-heading :is(a,button),.ksp--compact .ksp-detail,.ksp--compact .ksp-note{display:none}.ksp--compact .ksp-meter{margin:5px 0 2px}
ks-progress-option.ksp--compact,ks-progress-option.ksp--gradient{--ksp-fill:linear-gradient(90deg,var(--ksp-colors))}
ks-progress-option.ksp--game,ks-progress-option.ksp--scifi{--ksp-ink:#fff;--ksp-muted:#cbbfc3;--ksp-track:#44212b;--ksp-fill:linear-gradient(90deg,#a91637,#ff294d);padding:9px 12px;background:linear-gradient(115deg,#23151b,#121216 75%);border:1px solid #69404b;border-left:3px solid #ed2549;border-radius:10px}
.ksp--game .ksp-meter,.ksp--scifi .ksp-meter{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;margin:5px 0 3px}.ksp--game .ksp-dial,.ksp--scifi .ksp-dial{display:grid;place-items:center;position:relative;width:48px;height:48px;border-radius:50%;background:conic-gradient(from -90deg,transparent var(--ksp-percent),#45222c 0),conic-gradient(from -90deg,var(--ksp-colors));box-shadow:0 0 0 3px #171419,0 0 0 4px #75404d}.ksp-dial::before{content:"";position:absolute;inset:5px;border:1px solid #9e3f52;border-radius:50%;background:radial-gradient(circle at 45% 10%,#652536,#211319 70%)}.ksp .ksp-dial b{position:relative;color:#fff;font:italic 800 19px/1 Arial,sans-serif;z-index:1}.ksp .ksp-dial small{font:600 10px/1 Arial,sans-serif;margin-left:2px;color:#ffa0b0}.ksp--game progress,.ksp--scifi progress{height:10px;border-radius:0;mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px)}.ksp--game .ksp-heading :is(a,button){color:#ff718b;background:#311921;border-color:#8e3d50}
ks-progress-option.ksp--scifi{position:relative;--ksp-muted:#b4c7d2;background:linear-gradient(135deg,#ff275017,transparent 45%),repeating-linear-gradient(0deg,transparent 0 23px,#5de5ff09 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#5de5ff09 23px 24px),#090e17;border-color:#344c61;border-left-color:#ff3158;border-radius:2px 18px 2px 18px;box-shadow:inset 0 0 24px #0007}
.ksp--scifi::before{content:"";position:absolute;top:0;right:22px;width:64px;height:3px;background:linear-gradient(90deg,#52e5f8 0 62%,transparent 62% 68%,#52e5f8 68% 79%,transparent 79% 85%,#52e5f8 85%)}.ksp--scifi::after{content:"";position:absolute;bottom:7px;right:8px;width:25px;height:8px;background:repeating-linear-gradient(130deg,transparent 0 4px,#4a7990 4px 6px,transparent 6px 9px)}.ksp--scifi .ksp-heading strong{font-family:Consolas,"Courier New",monospace;letter-spacing:.3px}.ksp--scifi .ksp-heading :is(a,button){font-family:Consolas,"Courier New",monospace;color:#87eaf5;background:#111e2c;border-color:#4c8094;border-radius:2px 9px 2px 9px}.ksp--scifi .ksp-dial{margin:4px;background:conic-gradient(from -90deg,transparent var(--ksp-percent),#273744 0),conic-gradient(from -90deg,var(--ksp-colors));box-shadow:0 0 0 3px #090e17,0 0 0 4px #537487,0 0 18px #ff234329}.ksp--scifi .ksp-dial::before{border-color:#436373;background:radial-gradient(ellipse at 40% 0%,#38243e,#080f1b 75%)}.ksp--scifi .ksp-dial::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(from -90deg,#72d6e3 0 2deg,transparent 2deg 12deg);mask-image:radial-gradient(circle,transparent 65%,#000 67% 70%,transparent 72%);opacity:.75}.ksp--scifi .ksp-dial b{font-family:Consolas,"Courier New",monospace;font-style:normal;text-shadow:0 0 12px #ff476879}.ksp--scifi .ksp-track{padding:4px 0;border-top:1px solid #456173;border-bottom:1px solid #456173;background:linear-gradient(90deg,#52e5f818,transparent)}.ksp--scifi .ksp-track::after{box-shadow:0 0 10px #ff3158}.ksp--scifi .ksp-detail{color:#c5f4f8}
@media(max-width:420px){ks-progress-option.ksp{padding:8px 10px}.ksp--game .ksp-meter,.ksp--scifi .ksp-meter{grid-template-columns:48px minmax(0,1fr);gap:13px}.ksp--game .ksp-dial,.ksp--scifi .ksp-dial{width:48px;height:48px}.ksp .ksp-dial b{font-size:19px}.ksp .ksp-heading{gap:8px}ks-progress-option.ksp--compact{padding:2px 0}}

ks-progress-option.ksp[data-purpose="drop"]{--ksp-colors:#20d66b 0%,#9ade28 25%,#ffe136 50%,#ff8a20 75%,#ff3045 100%}ks-progress-option.ksp--game[data-tone="light"],ks-progress-option.ksp--scifi[data-tone="light"]{--ksp-ink:#302329;--ksp-muted:#75666d;--ksp-track:#f0e1e6;background:#fff;border-color:#ead8df;border-left-color:#d8264c;box-shadow:none}
.ksp[data-tone="light"] .ksp-dial{background:conic-gradient(from -90deg,transparent var(--ksp-percent),#f0e1e6 0),conic-gradient(from -90deg,var(--ksp-colors));box-shadow:0 0 0 3px #fff,0 0 0 4px #e6bdc8}
.ksp[data-tone="light"] .ksp-dial::before{background:#fff;border-color:#efdae1}.ksp[data-tone="light"] .ksp-dial b{color:#492732;text-shadow:none}.ksp[data-tone="light"] .ksp-dial small{color:#926073}
.ksp[data-tone="light"] .ksp-heading :is(a,button){color:#b61d40;background:#fff8fa;border-color:#e9c5d0}.ksp[data-tone="light"] .ksp-detail{color:#49363e}
.ksp--scifi[data-tone="light"]{background:repeating-linear-gradient(0deg,transparent 0 23px,#c82c4805 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#c82c4805 23px 24px),#fff!important}
.ksp--scifi[data-tone="light"]::before{background:linear-gradient(90deg,#d8264c 0 62%,transparent 62% 68%,#d8264c 68% 79%,transparent 79% 85%,#d8264c 85%)}.ksp--scifi[data-tone="light"]::after{background:repeating-linear-gradient(130deg,transparent 0 4px,#cf879a 4px 6px,transparent 6px 9px)}
.ksp--scifi[data-tone="light"] .ksp-dial::after{background:repeating-conic-gradient(from -90deg,#be6b82 0 2deg,transparent 2deg 12deg)}.ksp--scifi[data-tone="light"] .ksp-track{border-color:#e9cbd4;background:#fff7fa}.ksp--scifi[data-tone="light"] .ksp-track::after{box-shadow:none}
.ksp--game .ksp-meter,.ksp--scifi .ksp-meter{position:relative;grid-template-columns:72px minmax(0,1fr);height:48px}.ksp--scifi .ksp-meter{height:56px}
.ksp--game .ksp-dial,.ksp--scifi .ksp-dial{position:absolute;left:0;top:0;width:72px;height:72px}.ksp--game .ksp-track,.ksp--scifi .ksp-track{grid-column:2}.ksp--game .ksp-detail,.ksp--game .ksp-note,.ksp--scifi .ksp-detail,.ksp--scifi .ksp-note{padding-left:85px}.ksp--game .ksp-dial b,.ksp--scifi .ksp-dial b{font-size:25px}

.ksp .ksp-heading button{cursor:pointer;gap:6px}.ksp-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}