.fetch-cabinet {padding:clamp(1rem,3vw,2rem);border:1px solid rgba(146,208,239,.3);border-radius:1.25rem;background:var(--scene-surface,rgba(8,20,33,.64));backdrop-filter:none}
.fetch-stage {position:relative;background:transparent;border:1px solid rgba(146,208,239,.25);border-radius:1rem;overflow:hidden}
#fetch-canvas {display:block;width:100%;height:auto;aspect-ratio:3/2;background:rgba(3,12,26,.3);touch-action:none;cursor:crosshair}
#fetch-canvas:focus-visible {outline:3px solid #9df6dc;outline-offset:-4px}
.fetch-hud,.fetch-controls,.fetch-dogs {display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-block:1rem}
.fetch-hud {justify-content:space-between;font-variant-numeric:tabular-nums}
.fetch-controls button,.fetch-dogs button {min-height:44px;padding:.6rem 1rem;border:1px solid rgba(155,221,245,.55);border-radius:.65rem;color:inherit;background:rgba(28,61,83,.35);font:inherit;cursor:pointer}
.fetch-controls button:focus-visible,.fetch-dogs button:focus-visible {outline:3px solid #9df6dc;outline-offset:3px}
.fetch-dogs button[aria-pressed="true"] {border-color:#9df6dc;background:rgba(81,154,132,.26)}
.fetch-controls button:disabled {cursor:default;color:#a7b3be}
[data-fetch-status] {min-height:3em}
@media(max-width:600px){.fetch-hud{gap:.5rem;font-size:.9rem}.fetch-controls button{flex:1}#fetch-canvas{aspect-ratio:3/2}}

.fetch-dogs button {display:inline-flex;align-items:center;gap:.65rem}
.fetch-dog-portrait {display:inline-block;flex:0 0 58px;width:58px;height:58px;background-size:200% 100%;background-position:left center;background-repeat:no-repeat}
.fetch-dog-portrait-light {background-position:right center}
@media(max-width:600px){.fetch-dogs{gap:.5rem}.fetch-dogs button{padding:.45rem .65rem;gap:.35rem}.fetch-dog-portrait{width:42px;height:42px;flex-basis:42px}}