.power-panel{grid-template-columns:52px 1fr;align-items:center;column-gap:12px}
.power-panel #powerName,.power-panel #powerStatus{grid-column:2}
#powerClock,#mobileControls .touch-actions [data-action="KeyE"]{position:relative;isolation:isolate;overflow:hidden;clip-path:none;border-radius:50%;border:2px solid #bdb6ce;background:#55525d;color:#fff;filter:none;box-shadow:0 2px 8px #0006}
#powerClock::before,#mobileControls .touch-actions [data-action="KeyE"]::before{content:"";position:absolute;inset:0;z-index:-1;background:conic-gradient(from 0deg,#b779e8 0deg,#793cdc var(--power-angle,360deg),transparent var(--power-angle,360deg),transparent 360deg);pointer-events:none}
#powerClock{grid-column:1;grid-row:1/3;width:48px;height:48px;display:grid;place-content:center;text-align:center;font:800 18px/1 system-ui}
#powerClock small{font:700 9px/1.5 system-ui}
#powerClock[data-active="true"],#mobileControls [data-action="KeyE"][data-active="true"]{border-color:#ffe5a2;box-shadow:0 0 10px #ffd26c66}
#mobileControls .touch-actions [data-action="KeyE"]{width:54px;height:54px;font-size:9px}
#mobileControls [data-action="KeyE"].pressed{transform:scale(.94)}
body.touch-playing .power-panel #powerClock{display:none}
body.touch-playing .power-panel #powerName,body.touch-playing .power-panel #powerStatus{grid-column:auto}