/* Ashvale Outbreak V17 — reliable Domain input and SAT0RU-inspired original particle presentation */
#domainFxCanvasV17{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;filter:saturate(1.25) contrast(1.08)}
#domainExpansionV16::before,#domainExpansionV16::after,.domain-grid-v16,.domain-runes-v16{z-index:2}
#domainExpansionV16 .domain-title-v16{z-index:4}
body.v17-domain-active #domainExpansionV16{background:radial-gradient(circle at 50% 48%,rgba(11,24,42,.12),rgba(0,1,6,.96) 78%)}
body.v17-domain-active #game{filter:saturate(1.42) contrast(1.12) brightness(.72)}
body.v17-domain-active #hud{filter:brightness(.58) blur(.35px)}

/* The Domain control is always a real interactive target; never hide or disable it. */
#touchControls .touch-actions [data-action="ultimate"]{
  display:flex!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;
  isolation:isolate;z-index:12!important;cursor:pointer!important;opacity:.96!important;
  border-width:2px!important;-webkit-tap-highlight-color:transparent;
}
#touchControls .touch-actions [data-action="ultimate"] b,#touchControls .touch-actions [data-action="ultimate"] small{pointer-events:none}
#touchControls .touch-actions [data-action="ultimate"]:active{transform:scale(.88)!important;filter:brightness(1.45)!important}
#touchControls .touch-actions [data-action="ultimate"].denied{animation:v17Denied .28s ease!important}
@keyframes v17Denied{25%{transform:translateX(-4px) scale(.94)}55%{transform:translateX(4px) scale(.94)}100%{transform:none}}
.ultimate-wrap[role="button"]{pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:20;min-width:104px}
.ultimate-wrap[role="button"]:active{transform:scale(.97)}

/* Compact right-side diamond: Domain sits above and left of Attack with no overlap. */
@media (pointer:coarse),(max-width:900px){
  body.v17-ui .touch-actions{width:194px!important;height:146px!important;right:calc(4px + env(safe-area-inset-right,0px))!important;bottom:calc(4px + env(safe-area-inset-bottom,0px))!important}
  body.v17-ui .touch-actions [data-action="ultimate"]{left:80px!important;top:58px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
  body.v17-ui .touch-actions [data-action="ultimate"] b{font-size:15px!important}
  body.v17-ui .touch-actions [data-action="ultimate"] small{font-size:5px!important;letter-spacing:.08em}
  body.v17-ui .touch-actions .attack{right:0!important;bottom:0!important;width:61px!important;height:61px!important;z-index:8!important}
  body.v17-ui .touch-actions [data-action="skill3"]{left:91px!important;top:7px!important}
  body.v17-ui .touch-actions [data-action="dodge"]{left:37px!important;bottom:0!important}
  body.v17-ui .bottom-hud{right:calc(205px + env(safe-area-inset-right,0px))!important}
}
@media (pointer:coarse) and (max-height:430px){
  body.v17-ui .touch-actions{transform:scale(.9);transform-origin:right bottom}
  body.v17-ui .touch-actions [data-action="ultimate"]{left:79px!important;top:55px!important}
}
@media (prefers-reduced-motion:reduce){#domainFxCanvasV17{display:none}}