.governor-visuals{min-width:0;color:var(--antique-ink,var(--paper-ink))}
.governor-visuals-title{margin:0 0 var(--space);text-align:center;font:700 25px/1.2 var(--serif)}
.governor-visual-categories{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:var(--space);border:1px solid var(--gold);background:#9d7b3922;padding:2px}
.governor-visual-categories button{min-width:0;min-height:44px;padding:6px var(--space);color:var(--antique-ink,var(--paper-ink));font:700 19px/1.1 var(--serif)}
.governor-visual-categories button.is-active{background:linear-gradient(#194936,#0c3026);box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-light)}
.governor-visual-heading{display:flex;justify-content:center;align-items:center;gap:var(--space);min-height:40px;padding:4px var(--space)}
.governor-visual-heading h4{margin:0;font:700 22px/1.15 var(--serif);overflow-wrap:anywhere}
.governor-visual-status{flex:none;border:1px solid #a88b5666;border-radius:12px;background:#b395581c;padding:3px var(--space);font:600 11px/1.2 var(--sans);color:var(--antique-muted,#715b36)}
.governor-visual-status.is-equipped{border-color:#3c754d;background:#3d6e3a;color:#fff3c9}
.governor-visual-preview{position:relative;width:100%;height:clamp(144px,24.8dvh,240px);overflow:hidden;border:1px solid #a68b5277;background:radial-gradient(ellipse at 50% 80%,#97a27870,#83957526 48%,#ebe2c770 84%),url('./art-web/world-14bd57f1bb.webp') center/cover}
.governor-visual-preview.is-march{background:radial-gradient(ellipse at 50% 60%,#4c6f7a77,#1e414dc7 76%)}
.governor-visual-preview canvas{display:block;width:100%;height:100%;object-fit:contain}
.governor-visual-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space);margin:var(--space) 0 4px}
.governor-visual-collection-heading h4{margin:0;font:700 19px/1.2 var(--serif)}
.governor-visual-collection-heading>span{font:12px/1.2 var(--sans);color:var(--antique-muted,#715b36)}
.governor-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:var(--space);max-height:clamp(155px,31dvh,340px);overflow-y:auto;overscroll-behavior:auto;scrollbar-color:#a08350 transparent;scrollbar-width:thin;padding:3px}
.governor-visual-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:105.6px;padding:3px 3px 6px;border:1px solid #a68b5277;background:#d8c69d16;color:var(--antique-ink,var(--paper-ink));text-align:center;box-shadow:inset 0 0 0 1px #fff8}
.governor-visual-card.is-selected{border-color:#a97617;background:#e7bd4822;box-shadow:inset 0 0 0 1px #e3bf65,0 0 0 1px #b78928}
.governor-visual-card-art{position:relative;display:block;width:100%;height:65.6px;overflow:hidden}
.governor-visual-card-art canvas{display:block;width:100%;height:100%;object-fit:contain}
.governor-visual-equipped{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #ffe2a0;border-radius:50%;background:#90701e;color:#fff2c0;font:700 15px/1 var(--sans);box-shadow:0 1px 3px #52340e66}
.governor-visual-card-name{display:block;overflow-wrap:anywhere;font:700 16px/1.15 var(--serif)}
.governor-visual-card small{display:block;margin-top:3px;font:10px/1.2 var(--sans);color:var(--antique-muted,#715b36)}
.governor-visual-actions{display:grid;justify-items:center;gap:4px;margin-top:var(--space)}
.governor-visual-actions button{width:min(100%,320px);min-width:0;min-height:44px;white-space:normal}
.governor-visual-actions small,.governor-visual-note,.governor-visual-empty,.governor-visual-error{color:var(--antique-muted,#715b36);font:11px/1.4 var(--sans)}
.governor-visual-note,.governor-visual-empty,.governor-visual-error{margin:var(--space) 0 0;text-align:center}
.governor-visual-feedback{margin:var(--space) 0 0;font:12px/1.4 var(--sans);color:var(--green);overflow-wrap:anywhere}
.governor-visual-feedback.is-error,.governor-visual-error{color:var(--red)}
.governor-visuals button:focus-visible{outline:2px solid #866022;outline-offset:2px}
@media(min-width:700px){.governor-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:340px}.governor-visual-card-art{height:81.6px}.governor-visual-preview{height:clamp(168px,26.4dvh,272px)}}
@media(forced-colors:active){.governor-visual-card,.governor-visual-preview,.governor-visual-categories{background:Canvas;border-color:CanvasText}.governor-visual-card.is-selected{outline:2px solid Highlight}.governor-visual-categories button.is-active,.governor-visual-status.is-equipped{background:Highlight;color:HighlightText}}