.levelup-wheel{aspect-ratio:1;width:100%;max-width:320px;margin-inline:auto;position:relative}.levelup-wheel-svg{width:100%;height:100%;display:block;overflow:visible}.levelup-wheel-arc{transition:stroke-dasharray .35s ease-out}.levelup-wheel-knob{transition:transform .35s ease-out}.levelup-wheel-tick{transition:stroke .25s ease-out}.levelup-wheel-knob-dot{transform-box:fill-box;transform-origin:50%}.levelup-wheel-knob-dot--settle{animation:.38s cubic-bezier(.2,.8,.2,1) levelup-settle}@keyframes levelup-settle{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.levelup-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;display:block}.levelup-range:focus{outline:none}.levelup-range:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:999px}.levelup-range:disabled{cursor:not-allowed;opacity:.5}.levelup-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-accent) 0 var(--levelup-fill,0%), var(--color-surface-2) var(--levelup-fill,0%) 100%);border-radius:999px;height:8px}.levelup-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-accent);background:var(--color-fg-strong);width:22px;height:22px;box-shadow:0 0 0 4px var(--color-accent-soft);border-radius:999px;margin-top:-7px;transition:transform .12s ease-out}.levelup-range:hover::-webkit-slider-thumb{transform:scale(1.12)}.levelup-range:active::-webkit-slider-thumb{transform:scale(1.12)}.levelup-range::-moz-range-track{background:var(--color-surface-2);border-radius:999px;height:8px}.levelup-range::-moz-range-progress{background:var(--color-accent);border-radius:999px;height:8px}.levelup-range::-moz-range-thumb{border:3px solid var(--color-accent);background:var(--color-fg-strong);width:16px;height:16px;box-shadow:0 0 0 4px var(--color-accent-soft);border-radius:999px;transition:transform .12s ease-out}.levelup-range:hover::-moz-range-thumb{transform:scale(1.12)}.levelup-range:active::-moz-range-thumb{transform:scale(1.12)}.levelup-quick{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:40px;color:var(--color-fg);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;line-height:1;transition:border-color .12s ease-out,transform .12s ease-out,background-color .12s ease-out;display:inline-flex}.levelup-quick:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-surface-2);transform:translateY(-1px)}.levelup-quick:active:not(:disabled){transform:translateY(0)scale(.98)}.levelup-quick:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.levelup-quick:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.levelup-quick{min-height:44px}}.levelup-cta{background:var(--color-accent) linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));min-height:52px;color:var(--color-accent-fg);text-align:center;box-shadow:var(--shadow-button);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 40px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.levelup-cta:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.levelup-cta:active:not(:disabled){transform:translateY(0)}.levelup-cta:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.levelup-cta:disabled,.levelup-cta[aria-disabled=true]{cursor:not-allowed;opacity:.5;box-shadow:none}.levelup-guide{--guide-surface:#211b34;--guide-border:#725997}.levelup-guide-slot{align-items:center;min-height:64px;display:flex}.levelup-guide-coach{box-sizing:border-box;border:1px solid var(--guide-border);background:var(--guide-surface);max-width:100%;min-height:44px;color:var(--color-fg-strong);border-radius:10px;align-items:center;gap:2px;padding:0 2px 0 14px;display:inline-flex;position:relative;box-shadow:0 5px 16px #00000024}.levelup-guide-coach[hidden]{display:none}.levelup-guide-coach:after{content:"";background:var(--guide-surface);border-right:1px solid var(--guide-border);border-bottom:1px solid var(--guide-border);pointer-events:none;width:8px;height:8px;position:absolute;bottom:-5px;left:21px;transform:rotate(45deg)}.levelup-guide-coach-text{font-size:13px;font-weight:600;line-height:1.4}.levelup-guide-dismiss{appearance:none;width:44px;height:44px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.levelup-guide-dismiss:hover{color:var(--color-fg-strong);background:#ffffff08}.levelup-guide-target{min-width:0;position:relative}.levelup-guide-target:after{content:"";border:1px solid var(--color-accent);opacity:0;pointer-events:none;border-radius:12px;position:absolute;inset:-3px;box-shadow:0 0 0 3px #b48cff16}.levelup-guide-range-target:after{border-radius:999px;inset:6px -3px}.levelup-guide[data-guide-motion=true] .levelup-guide-target:after{animation:2.2s ease-in-out 2 levelup-guide-breathe}.levelup-guide[data-guide-motion=true] .levelup-guide-coach{animation:.14s ease-out both levelup-guide-appear}.levelup-guide-helper{color:var(--color-muted);margin:7px 0 0;font-size:13px;line-height:1.55}@keyframes levelup-guide-breathe{0%,to{opacity:0}45%,55%{opacity:.72}}@keyframes levelup-guide-appear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.levelup-guide-coach{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.levelup-guide-coach:after{background:canvas;border-color:canvastext}.levelup-guide-target:after{display:none}.levelup-guide-dismiss{color:buttontext}}
