.auto-budget-dialog{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:27px 26px 24px;overflow:auto;background:#fffaf5;color:#233c3d;border-radius:24px}
.auto-budget-dialog h2{font-size:24px;line-height:1.25;margin:7px 26px 23px 0;letter-spacing:-.5px}.auto-budget-dialog .gacha-kicker{margin:0;color:#933958;font-size:11px;font-weight:800;letter-spacing:.12em}
.auto-budget-card{--safe:#52d6a0;--warn:#ffb449;--danger:#f35a71;--percent:0;--ink:#253c3d;--live-color:var(--safe);position:relative;isolation:isolate;padding:18px 18px 13px;background:#faf7ee;border:2px solid var(--ink);border-radius:17px;box-shadow:3px 3px var(--live-color),6px 6px var(--ink);transition:box-shadow .25s ease;--p1:clamp(0%,calc(var(--percent)*1% / .6),100%);--p2:clamp(0%,calc((var(--percent)*1% - 60%)/.4),100%);--stage-color:color-mix(in oklch,var(--safe),var(--warn) var(--p1));--live-color:color-mix(in oklch,var(--stage-color),var(--danger) var(--p2))}
.auto-budget-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(#253c3d06 1px,transparent 1px),linear-gradient(90deg,#253c3d06 1px,transparent 1px);background-size:16px 16px}
.auto-budget-card:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(circle at 50% 15%,#ff355030,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
.auto-budget-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.auto-budget-heading strong{display:block;font-size:13px}.auto-budget-heading small{display:block;font-size:11px;margin-top:5px;color:#61716b}
.auto-budget-badge{flex:none;padding:5px 7px;border:1.5px solid var(--ink);border-radius:20px;background:var(--live-color);font-size:10px;font-weight:800;box-shadow:1px 1px var(--ink)}
.auto-budget-value{display:flex;align-items:baseline;gap:9px;margin:19px 0 12px;min-width:0}.auto-budget-value output{font:800 clamp(24px,6vw,34px)/1.2 ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-1.3px;overflow-wrap:anywhere}.auto-budget-value>span{font-size:14px;font-weight:800;color:#5b6860}
.auto-budget-slider{position:relative;height:42px}.auto-budget-track{position:absolute;left:10px;right:10px;top:16px;height:10px;box-sizing:border-box;overflow:hidden;border:2px solid var(--ink);border-radius:20px;background:#e7e4d5;box-shadow:inset 0 1px 2px #0002}.auto-budget-track i{display:block;width:calc(var(--percent)*1%);height:100%;background:repeating-linear-gradient(45deg,#ffffff44 0 5px,transparent 5px 10px),var(--live-color)}
#gacha-auto-dialog .auto-budget-slider input{position:absolute;inset:0;width:100%;height:42px;min-height:0;padding:0;margin:0;appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;cursor:pointer;z-index:2;touch-action:pan-y}
.auto-budget-slider input::-webkit-slider-thumb{appearance:none;width:21px;height:21px;border:3px solid var(--live-color);border-radius:50%;background:#fffaf1;box-shadow:0 0 0 2px var(--ink),0 0 0 4px #faf7ee,0 0 15px var(--live-color)}
.auto-budget-slider input::-moz-range-thumb{width:15px;height:15px;border:3px solid var(--live-color);border-radius:50%;background:#fffaf1;box-shadow:0 0 0 2px var(--ink),0 0 0 4px #faf7ee}
.auto-budget-slider input:focus-visible{outline:2px solid #933958;outline-offset:2px;border-radius:10px}
.auto-budget-scale{display:flex;justify-content:space-between;font:600 10px/1.4 ui-monospace,monospace;color:#687268}.auto-budget-presets{display:flex;gap:6px;margin:16px 0}.auto-budget-presets button{flex:1;padding:7px 3px;border:1px solid #253c3d33;border-radius:8px;background:#fffc;color:#334f48;font-family:inherit;font-weight:700;font-size:11px;line-height:1.2;cursor:pointer}.auto-budget-presets button[aria-pressed=true]{border-color:var(--ink);background:var(--live-color);box-shadow:1px 2px var(--ink)}
.auto-budget-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:600}.auto-budget-entry input{width:55%;min-width:0;padding:8px;border:1px solid #253c3d44;border-radius:8px;background:#fffc;color:var(--ink);font:600 14px/1.3 ui-monospace,monospace}
.auto-budget-footnote{padding-top:12px;border-top:1px dashed #253c3d33;margin:12px 0 0;font-size:11px;line-height:1.6;color:#59695f}.auto-budget-rule{font-size:12px;line-height:1.6;color:#63716c;margin:23px 0 14px}.auto-budget-start{width:100%;min-height:48px!important}
.auto-budget-fx{position:absolute;top:21px;left:clamp(10px,calc(var(--percent)*1%),calc(100% - 10px));pointer-events:none}.auto-shock,.auto-spark{position:absolute;opacity:0}.auto-shock{width:18px;height:18px;margin:-9px;border:1.5px solid var(--danger);border-radius:50%}.auto-shock:nth-child(2){animation-delay:.4s!important}
.auto-spark{width:3px;height:3px;background:var(--danger);border-radius:50%;--dx:-20px;--dy:-17px}.auto-spark:nth-child(4){--dx:19px;--dy:-14px;animation-delay:.15s!important;background:#ff8a1e}.auto-spark:nth-child(5){--dx:-14px;--dy:18px;animation-delay:.3s!important}.auto-spark:nth-child(6){--dx:20px;--dy:15px;animation-delay:.45s!important;background:#ff8a1e}.auto-spark:nth-child(7){--dx:0px;--dy:-24px;animation-delay:.6s!important}.auto-spark:nth-child(8){--dx:2px;--dy:22px;animation-delay:.75s!important}
.auto-budget-card[data-tier=high]{animation:auto-budget-shake .6s ease-in-out infinite}.auto-budget-card[data-tier=high]:after{opacity:1;animation:auto-budget-pulse 1.5s ease-in-out infinite}.auto-budget-card[data-tier=high] .auto-shock{animation:auto-budget-shock 1.3s ease-out infinite}.auto-budget-card[data-tier=high] .auto-spark{animation:auto-budget-spark 1.2s ease-out infinite}
.gacha-auto-summary{margin:14px 0 0;padding:11px 13px;border:1px solid #93395833;border-radius:12px;background:#fff9;color:#563f49;font-size:12px;line-height:1.5}.gacha-auto-summary[hidden]{display:none}.gacha-auto-summary strong{font-weight:800}.gacha-auto-summary progress{display:block;width:100%;height:5px;margin-top:8px;accent-color:#a34165}
@keyframes auto-budget-shake{0%,100%{transform:translate(0,0)}25%{transform:translate(-.6px,.3px) rotate(-.12deg)}75%{transform:translate(.6px,-.3px) rotate(.12deg)}}
@keyframes auto-budget-pulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes auto-budget-shock{0%{opacity:.6;transform:scale(.6)}100%{opacity:0;transform:scale(2.4)}}
@keyframes auto-budget-spark{0%{opacity:0;transform:scale(.3)}18%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
@media(max-width:420px){.auto-budget-dialog{padding:23px 18px 20px}.auto-budget-dialog h2{font-size:21px;margin-bottom:19px}.auto-budget-card{padding:15px 13px 12px}.auto-budget-value output{font-size:27px}.auto-budget-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){.auto-budget-card,.auto-budget-card:after,.auto-budget-card *{animation:none!important;transition:none!important}}