/* Five main actions; compact stateful utilities remain on the left edge. */
.cockpit .action-pad .game-button{width:calc(60 * var(--u));height:calc(60 * var(--u));padding:calc(4 * var(--u))}
.cockpit .action-pad .game-button small{font-size:calc(9 * var(--u));letter-spacing:0;bottom:calc(3 * var(--u))}
.cockpit .skill-pick{left:calc(-170 * var(--u));top:calc(12 * var(--u))}
.cockpit .skill-kick-left{left:calc(-70 * var(--u));top:calc(-151 * var(--u))}
.cockpit .skill-kick-right{left:calc(8 * var(--u));top:calc(-151 * var(--u))}
.cockpit .skill-roll{left:calc(-185 * var(--u));top:calc(-70 * var(--u))}
.cockpit .skill-sitstand{left:calc(-152 * var(--u));top:calc(-145 * var(--u))}
.cockpit .utility-actions{display:grid;grid-template-columns:repeat(2,minmax(42px,calc(42 * var(--u))));gap:calc(22 * var(--u));bottom:calc(211 * var(--u));left:4.5%}
.cockpit .utility-button{width:calc(42 * var(--u));height:calc(42 * var(--u));min-width:42px;min-height:42px;padding:3px;opacity:.58;transition:opacity .18s,filter .16s,scale .12s}
.cockpit .utility-button:hover,.cockpit .utility-button:active,.cockpit .utility-button.casting{opacity:.9}
.cockpit .utility-button:disabled{opacity:.28}
.cockpit .utility-button small{font-size:calc(8 * var(--u));bottom:calc(-14 * var(--u));letter-spacing:0}
.cockpit .flight-status{top:calc(63 * var(--u));bottom:auto;left:4.5%}
.cockpit .game-button[data-active="true"]{box-shadow:inset 0 0 0 1px #f8e6ac,0 0 0 2px #162f44,0 0 14px #f6d77977}
.cockpit .game-button[data-active="true"]::after{background:#dcf7ae;box-shadow:0 0 7px #d6fb8c}
.cockpit .game-button:disabled{cursor:default}
@container(max-height:360px){.cockpit .utility-actions{gap:19px;bottom:calc(211 * var(--u))}.cockpit .utility-button small{font-size:7px;bottom:-12px}}