/* Arcade hardware: continuous rings and smooth symbols on the touch surface. */
@media(pointer:coarse){
 .mobile-actions button,body.playing .skill-dock button{
  clip-path:none;border-radius:50%;border:1px solid #bac6c77d;
  background:radial-gradient(circle at 35% 20%,#6b7a83bd,#283c49cf 60%,#142631de);
  box-shadow:inset 0 1px 1px #f4f7ed75,inset 0 0 0 4px #152b3699,inset 0 -3px 5px #08151c99,0 2px 5px #0005;
  color:#f4eee0;opacity:1;
 }
 .mobile-actions button::after,body.playing .skill-dock button::after{
  content:'';position:absolute;inset:6px;border:1px solid #e5edf333;border-radius:50%;pointer-events:none;
 }
 .mobile-actions .touch-icon,body.playing .skill-dock .touch-icon,body.playing .hud .touch-icon{shape-rendering:geometricPrecision;filter:drop-shadow(0 1px 1px #06131baa)}
 .mobile-actions [data-mobile=fire]{
  border-radius:50%;border:1px solid #ffda9abb;
  background:radial-gradient(circle at 35% 20%,#d7a568d9,#9b643bdd 60%,#5f3929e6);
  box-shadow:inset 0 1px 2px #ffe6bba6,inset 0 0 0 5px #542f2799,inset 0 -4px 8px #241912aa,0 3px 8px #0006;
 }
 .mobile-actions [data-mobile=fire]::after{inset:8px;border-color:#ffde9e66}
 .mobile-actions [data-mobile=fire] .touch-icon{width:44px;height:44px}
 body.playing .skill-dock #ultimate-skill{
  border-radius:50%;border:1px solid #9ed9e3b0;
  background:radial-gradient(circle at 35% 20%,#65979ecf,#24545edd 65%,#153840e8);
  box-shadow:inset 0 1px 2px #c6faff85,inset 0 0 0 4px #153b4299,inset 0 -3px 6px #0a2029aa,0 2px 5px #0005;color:#d5f8fa;
 }
 body.playing .skill-dock button.cooldown,body.playing .skill-dock #ultimate-skill.cooldown{
  background:radial-gradient(circle at 35% 20%,#394650b5,#182731d9);border:1px solid #68777b66;
  box-shadow:inset 0 1px 1px #81929a44,inset 0 0 0 4px #0d1b2399;color:#758791;
 }
 body.playing .skill-dock button.cooldown .touch-icon{opacity:.55}
 body.playing .skill-dock button small,.mobile-actions button small,body.playing #mobile-ammo{
  font:700 10px/1.15 Arial,sans-serif;letter-spacing:.2px;text-shadow:0 1px 2px #000;background:none;
 }
 body.playing .skill-dock button small,.mobile-actions button small{right:8px;bottom:5px;color:#f5ecd8;padding:0}
 .mobile-actions button.held,.mobile-actions [data-mobile=fire].held,body.playing .skill-dock button.held,body.playing .skill-dock #ultimate-skill.held{
  background:radial-gradient(circle at 50% 65%,#be925ccd,#5e4634e8);border-color:#fff0bd;color:#fff7e8;
  box-shadow:inset 0 3px 8px #1d1515bb,inset 0 0 0 4px #5a4037a0;
 }
 #move-stick{border-radius:50%;clip-path:none}
 .joystick-art{shape-rendering:geometricPrecision}
 #stick-knob{
  border-radius:50%;clip-path:none;border:1px solid #d8e0dd9c;
  background:radial-gradient(circle at 35% 25%,#a4afb2ed,#5c6d76ed 65%,#34464fed);
  box-shadow:inset 0 1px 2px #fff8,inset 0 0 0 3px #24384377,inset 0 -3px 5px #14232bb0,0 3px 6px #0007;
 }
 body.playing .hud button{border-radius:9px;background:#14242e99;border:1px solid #bbc7c53d}
}