/* Alpha-painted controls: the ornament is the button, without a backing tile. */
.slot-app .slot-primary,dialog .slot-primary{
 background:transparent var(--paint-plate) center/100% 152% no-repeat;
 border:0;border-radius:0;box-shadow:none;color:#f3dfa8;text-shadow:0 2px 2px #000;
 min-height:56px;padding:12px 30px;font:700 18px Batang,serif;letter-spacing:1px;
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.slot-app .slot-primary:hover:not(:disabled),dialog .slot-primary:hover:not(:disabled){
 background:transparent var(--paint-plate) center/100% 152% no-repeat;border:0;box-shadow:none;color:#fff0c3;filter:brightness(1.2);
}
.slot-app .slot-primary:active:not(:disabled){filter:brightness(.9)}
.slot-menu-copy .slot-primary{width:320px;max-width:100%;min-width:0;min-height:64px}
.slot-footer{justify-content:flex-end;gap:12px}
.slot-footer>.slot-primary{flex:0 1 300px;width:300px}
.slot-app .slot-execute{background:transparent;border:0;position:static;padding:2px 0}
.slot-app .slot-execute>.slot-primary{flex:none;width:220px;min-width:0;padding:7px 26px;font-size:17px}
.slot-machine-stack{min-width:0;align-self:center;max-height:100%;overflow:auto;scrollbar-width:thin}
.slot-machine-toolbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 15px}
#slot-ultimates{display:flex;align-items:center}
.slot-app .machine-ultimate{width:44px;height:44px;min-width:44px;min-height:44px;padding:3px;border:0;background:transparent;box-shadow:none;border-radius:50%;position:relative}
.machine-ultimate>.command-art{width:36px;height:36px;display:block}
.machine-ultimate>.help-mark{display:none}
.machine-ultimate::after{content:'✦';position:absolute;right:0;bottom:0;font-size:15px;color:#fff1ae;text-shadow:0 1px 3px #000}
.slot-app .machine-ultimate:hover{background:#d7ba6830}
.painted-clock{width:48px;height:48px;position:relative;display:grid;place-items:center;background:url('/art/ui/2026-10-15/gold-v2/countdown.webp') center/contain no-repeat;isolation:isolate}
.painted-clock>b{font:700 19px Georgia,serif;line-height:1;color:#ffe7a5;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}
.painted-clock>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
.painted-clock circle{fill:none;stroke:#eed187;stroke-width:3;stroke-linecap:round;stroke-dasharray:var(--clock-left,100) 100;filter:drop-shadow(0 0 2px #d3a14f)}
.painted-clock.urgent>b{color:#ffc5a0}.painted-clock.urgent circle{stroke:#f59566}
.slot-battle .slot-machine{width:100%;min-height:138px;max-height:none;overflow:visible;padding:25px 18px 10px!important;display:grid;align-content:center}
.slot-machine #slot-owner:empty{display:none}
.slot-machine.manual-active #slot-owner{display:none}
.slot-app .manual-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:4px}
.slot-app .manual-controls>.slot-primary{width:240px;max-width:100%;min-height:58px;font-size:19px;padding:10px 28px}
.manual-controls .manual-status:empty{display:none}
.slot-machine-toolbar #slot-owner{font:700 15px Batang,serif;letter-spacing:1px;text-align:center;background:transparent;margin:0;min-width:0;color:#e6cf9d;max-width:calc(100% - 100px)}
.slot-machine-toolbar #slot-owner:empty{display:none}
.slot-mechanism{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:0;min-width:0;min-height:140px}
.slot-app .slot-lever{width:52px;height:140px;min-height:140px;padding:0;position:relative;border:0;border-radius:0;box-shadow:none;background:transparent;touch-action:none;user-select:none;cursor:grab;isolation:isolate;overflow:hidden}
.slot-app .slot-lever:hover{background:transparent;border:0}
.slot-lever:disabled{opacity:.48;cursor:default}
.lever-arm{position:absolute;left:50%;bottom:6px;width:96px;height:144px;max-width:none;object-fit:contain;pointer-events:none;transform:translateX(-50%) scaleY(calc(1 - var(--pull,0)*.63));transform-origin:50% 90%;transition:transform .2s ease-out;filter:drop-shadow(0 2px 2px #0008)}
.pulling{cursor:grabbing!important}.pulling .lever-arm{transition:none}
.lever-socket{position:absolute;left:-6px;bottom:18px;width:35px;height:23px;border-radius:5px;background:linear-gradient(#d9ba76,#62411e 40%,#b89249 80%,#e1c990);box-shadow:inset 0 0 0 2px #9c7b42;z-index:-1}
.slot-lever.armed .lever-arm{filter:drop-shadow(0 1px 2px #0009) drop-shadow(0 0 3px #e8b35b66)}
.slot-machine-stack>#slot-outcome{background:transparent;min-height:0;margin:0;text-align:center;font:700 12px Batang,serif;color:#ebd494}
.slot-machine-stack>#slot-outcome:empty{display:none}
.overhead-reels{position:absolute;z-index:2;display:flex;align-items:center;gap:2px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 1px 1px #1e1609);opacity:.92}
.overhead-reels[hidden]{display:none}
.slot-stage{isolation:isolate;position:relative}
.awakening-command-art{display:block;width:38px;height:38px;object-fit:contain;flex:none}
#slot-ultimates{display:flex;align-items:center;gap:4px}
#slot-ultimates,#slot-timer{flex-shrink:0}
.slot-machine-toolbar #slot-owner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
.slot-reel.cancelled{opacity:.5}
.awakening-control{display:grid;place-items:center;padding:2px;width:44px;height:44px;min-width:44px;border:1px solid transparent;background:transparent;box-shadow:none;border-radius:50%}
.awakening-control.selected{border-color:#f7d77f;box-shadow:0 0 12px #f2ca7155}
.awakening-control.done{filter:saturate(.65)}
.awakening-control:disabled{opacity:.35}
.awakening-paths{border-top:1px solid #8c7b4f;margin-top:16px;padding-top:12px;display:flex;flex-wrap:wrap;gap:10px}
.awakening-paths h3{width:100%;margin:0}
.awakening-path{display:flex;align-items:center;gap:10px;min-height:70px;width:min(100%,330px);min-width:0;padding:6px;background:#162528;border:1px solid #7c714d}
.awakening-path>.class-thumbnail{flex:none;width:78px;height:56px}
.awakening-path>span:not(.class-thumbnail){display:grid;text-align:left;min-width:0;flex:1}
.awakening-path b{font-size:16px;overflow-wrap:anywhere}.awakening-path small{font-size:12px;color:#cabb95}
.awakening-path.selected{border-color:#ecd38e;background:#283736}
.overhead-emblem{width:var(--emblem-size);height:var(--emblem-size);display:block;transition:opacity .15s,filter .15s}
.overhead-emblem>.command-art{display:block;width:100%;height:100%;filter:none}
.overhead-emblem.miss{filter:grayscale(.7) brightness(.55);opacity:.42}
.overhead-emblem.spent{opacity:.36}.overhead-emblem.blocked{filter:brightness(1.6);opacity:.85}
.slot-block-effect>.command-art{width:32px;height:32px}
.slot-machine .manual-reel{min-height:118px!important}
.slot-machine .reel-window{height:44px;min-height:44px}
.slot-machine .manual-reel .reel-current-name{min-height:22px;font-size:11px;line-height:1.1}
.slot-machine .slot-reel:not(.manual-reel){min-height:86px}
@media(max-width:700px){
 .slot-footer{gap:4px}.slot-footer>.slot-primary{flex:1 1 100%;width:100%;max-width:340px;margin:auto;font-size:17px}
 .slot-app .slot-execute{justify-content:center}
 .slot-app .slot-execute>.slot-primary{width:220px;font-size:17px}
 .slot-battle .slot-machine{padding:25px 14px 10px!important}
 .slot-machine-toolbar{padding:0 12px}
}
@media(min-width:701px) and (max-height:480px){.slot-battle{grid-template-rows:50px minmax(0,1fr) 26px 220px}}

.slot-menu-copy .slot-audio-credits{display:block;margin:16px auto 0;padding:7px 14px;min-height:36px;border:0;background:transparent;color:#c6bb98;font-size:12px;box-shadow:none}
.audio-credits-list{padding-left:20px;line-height:1.7}.audio-credits-list li{margin:12px 0;overflow-wrap:anywhere}.audio-credits-list a{color:#e5d39f}