/* Instrument faces stay entirely inside existing physical control rectangles. */
.r17-instruments{--r17-case:#21483e;--r17-steel:#608775;--r17-ink:#c5f16c;--r17-paper:#fff9e6}
.r17-instruments .skill-button,.r17-instruments .dive-button{isolation:isolate;background:linear-gradient(145deg,#355c4b,#173d35);border-color:#729681;color:var(--r17-paper);box-shadow:inset 0 2px 0 #91b29966,inset 0 -3px 0 #0b2c29,0 3px 0 #132f29;overflow:visible}
.r17-instruments .skill-button>span:not(.r17-action-dial):not(.r17-roll-stock),.r17-instruments .skill-button>b,.r17-instruments .dive-button>.icon,.r17-instruments .dive-button>b{position:relative;z-index:2}
.r17-instruments .skill-button:disabled{background:linear-gradient(145deg,#344d45,#223b35);color:#e3e5d4;border-color:#638476;box-shadow:inset 0 1px 0 #b0c4b933,0 3px 0 #172f29;opacity:1;filter:none}
.r17-instruments .super-button:before{background:transparent}
.r17-instruments .super-button.ready{color:#f6ffd6;border-color:#b3da62;animation:none;box-shadow:inset 0 0 0 2px #203f30,0 3px 0 #223d22,0 0 0 2px #bbdf6877}
.r17-instruments .skill-button:active:not(:disabled){background:#497750;box-shadow:inset 0 3px 0 #17362c;transform:translateY(2px)}
.r17-instruments .dive-button.active,.r17-instruments .dive-button[data-instrument-state=submerged]{background:#496e36;border-color:#c8f579;box-shadow:inset 0 2px 0 #d6f4a955,0 3px 0 #29431d}
.r17-instruments .skill-button[data-instrument-state=ink],.r17-instruments .skill-button[data-instrument-state=devices],.r17-instruments .skill-button[data-instrument-state=locked]{border-style:dashed;border-color:#e3a084}
.r17-instruments .skill-button[data-instrument-state=active],.r17-instruments .skill-button[data-instrument-state=dashing]{border-color:#99d8d0}
.r17-instruments .skill-button .r17-action-dial,.r17-instruments .dive-button .r17-action-dial{position:absolute;inset:1px;z-index:1;display:block;pointer-events:none;margin:0;padding:0;border:0;line-height:0}
.r17-action-dial svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg)}
.r17-action-dial circle{fill:none;stroke-width:2.6;stroke-linecap:round;pointer-events:none}
.r17-action-dial .r17-dial-track{stroke:#b6cab02e;stroke-dasharray:2 4}
.r17-action-dial .r17-dial-value{stroke:#c4ee74;stroke-dasharray:0 100}
.r17-instruments #bomb[data-instrument-state=ink] .r17-dial-value{stroke:#efad87}
.r17-instruments #super .r17-dial-value{stroke:#e0c3f3}
.r17-instruments #super.ready .r17-dial-value{stroke:#ddff85;stroke-width:4}
.r17-instruments .skill-button .r17-roll-stock{position:absolute;left:22%;right:22%;bottom:5px;z-index:3;display:flex;justify-content:center;gap:3px;pointer-events:none}
.r17-roll-stock[hidden],.r17-roll-stock i[hidden]{display:none!important}
.r17-roll-stock i{display:block;width:5px;height:3px;border:1px solid #b8d794;border-radius:1px;background:#173b32}.r17-roll-stock i.filled{background:#d8fb82}
.r17-instruments .joystick,.r17-instruments .aim-joystick{background:#244c3d38;border-color:#396f53a8;box-shadow:inset 0 0 0 11px #eff6d51a,inset 0 0 0 12px #4a785d22}
.r17-instruments .knob,.r17-instruments .aim-knob{background:linear-gradient(145deg,#f8f6db,#d5e4ae);border-color:#638550;box-shadow:inset 0 2px 0 #ffffe9,0 4px 0 #31584055;color:#32563f}
.r17-instruments .knob span{background:#74a83a;box-shadow:0 0 0 7px #b3d47777}
.r17-instruments .aim-joystick{border-color:#b78270a6;background:#95493616}
.r17-instruments .aim-joystick.aiming{background:#b26e3938;border-color:#ba694a;box-shadow:inset 0 0 0 12px #ffca8922}
.r17-instruments .aim-joystick.aiming .aim-knob{background:linear-gradient(145deg,#ffe5b9,#e6ab7c);color:#653f2b;border-color:#975c3a}
.r17-instruments .control-caption,.r17-instruments .skill-wrap>small{color:#284a3a;text-shadow:0 1px 0 #fffbe9,1px 0 0 #fffbe9,-1px 0 0 #fffbe9;font-weight:750}
.r17-instruments .vitals{background:#1d4338f2;border-color:#72916f;box-shadow:inset 0 1px 0 #d4e4b133,0 2px 0 #15362c55}
.r17-instruments .vitals>div>div{background:#0d2f29;border-color:#70835f}
.r17-instruments .vitals .ink i{background:linear-gradient(180deg,#e0f99f 0 28%,#b2db58 29% 100%)}
.r17-instruments .vitals .health i{background:linear-gradient(180deg,#ffd2af 0 28%,#e89a7a 29% 100%)}
.r17-instruments .vitals .critical i{background:#ee8d78;animation:none}
.r17-instruments .control-shade{background:linear-gradient(transparent,#e4e6c41a 70%,#e4e6c43d)}
.r17-instruments.boss-encounter .control-caption,.r17-instruments.boss-encounter .skill-wrap>small{color:#fbf7dd;text-shadow:0 1px 1px #173b32,1px 0 1px #173b32,-1px 0 1px #173b32}
.r17-instruments.editing-controls .r17-action-dial,.r17-instruments.editing-controls .r17-roll-stock{visibility:hidden}
@media(prefers-reduced-motion:reduce){.r17-instruments .skill-button,.r17-instruments .dive-button,.r17-instruments .vitals i{transition:none!important;animation:none!important}}