/* One cached atlas, no runtime image processing and no animation on ability art. */
.themed-skill-icon{display:inline-block;flex:none;background-image:url('/assets/ui/skills/illustrated-atlas-v1.png');background-size:800% 800%;background-position:var(--skill-x) var(--skill-y);background-repeat:no-repeat;border-radius:50%;filter:hue-rotate(var(--skill-hue,0deg));image-rendering:auto!important;overflow:hidden}
.reference-combat-hud .jutsu-cd .ic>.themed-skill-icon{position:absolute!important;inset:1px!important;left:1px!important;top:1px!important;width:calc(100% - 2px)!important;height:calc(100% - 2px)!important;max-width:none;max-height:none;transform:none!important;border-radius:50%;opacity:1}
/* The supplied four interrupted arcs, tinted as the existing silver/gold UI. */
#ctl-fab .cg-btn,#ctl-fab .cg-mini{border:0!important;isolation:isolate;background:radial-gradient(circle at 38% 32%,#263343,#111a27 72%)!important;color:#e5ebf2!important;box-shadow:0 2px 6px #0005!important;--control-ring:#a7b6c7;border-radius:50%}
#ctl-fab .cg-btn:before,#ctl-fab .cg-mini:before{content:'';position:absolute;inset:-2px;pointer-events:none;z-index:-1;background:var(--control-ring);mask:url('/assets/ui/segmented-control-ring-v1.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/ui/segmented-control-ring-v1.svg') center/100% 100% no-repeat}
#ctl-fab .on{--control-ring:#e8cf7b;background:radial-gradient(circle at 38% 32%,#3d3b29,#151b22 72%)!important;box-shadow:0 2px 7px #0006!important}
#ctl-fab .cg-focus.on{--control-ring:#dca0a1;background:radial-gradient(circle,#3e2932,#151b22 72%)!important}
#ctl-fab .cg-btn i{margin-top:-10px}#ctl-fab .control-symbol{width:21px;height:21px;fill:currentColor;stroke:none;pointer-events:none}#ctl-fab .cg-mini .control-symbol{width:14px;height:14px}#ctl-fab .cg-btn b{font:800 8px/1 'Multiverse Nunito Sans',Arial;letter-spacing:.5px;bottom:10px;color:#dfe6ef}#ctl-fab em{font:800 8px/13px 'Multiverse Nunito Sans',Arial;background:#1a2330;border:1px solid #7b8a9f;color:#c7d1df;box-shadow:0 1px 3px #0006}#ctl-fab .on em{background:#3f3826;border-color:#c7ad63;color:#ffe7a5}#ctl-fab .cg-focus.on em{background:#3d2830;border-color:#a86e76;color:#f4c5c7}
#ctl-fab button:hover{--control-ring:#e6d6a4}#ctl-fab button:focus-visible{outline:2px solid #f3d77b;outline-offset:5px}
@media(prefers-reduced-motion:reduce){#ctl-fab button{transition:none!important}}
.themed-skill-icon{background-image:var(--skill-source,url('/assets/ui/skills/illustrated-atlas-v1.png'))}

.themed-skill-icon{background-size:var(--skill-size,800% 800%)}