/* Approved blue shield artwork. Duration stays live text, never baked into the art. */
.shield-art{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:3.5%;container-type:inline-size;background:#13334b;color:#102b3f;isolation:isolate}
.shield-art>img{position:absolute;left:-2.45%;top:-4.4%;width:104.9%;height:108.8%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}
.shield-art-duration{position:absolute;left:9%;top:63.2%;width:82%;height:16.8%;overflow:visible;fill:#0b2536}
.shield-art-duration text{font:900 166px/1 'Arial Black',Impact,Arial,sans-serif;fill:#0b2536;letter-spacing:0;stroke:none}
.shield-card-tier,.shield-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#field-pack-dialog :is(.fp-card-front,.fp-result).shield{padding:0;border:0;border-radius:3.5%;clip-path:none;background:none;box-shadow:0 9px 22px #0005}
#field-pack-dialog .fp-face.fp-shield-face{display:block;padding:0;position:relative;clip-path:none;background:none;overflow:hidden}
.shield-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;max-width:540px;margin:18px auto}
.shield-inventory-card{position:relative;display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px!important;min-width:0;padding:0 0 12px!important;border:1px solid #6285a83d!important;border-radius:9px!important;background:#122231!important;color:#eee9df!important;text-align:center!important;overflow:hidden;box-shadow:0 5px 12px #0002;transition:border-color .18s,box-shadow .18s}
.shield-inventory-card .shield-art{height:auto;aspect-ratio:650/960;border-radius:8px 8px 3px 3px}
.shield-card-stock{font:500 12px/1.5 Inter,Arial,sans-serif;color:#c3d0dd}
.shield-card-action{font:600 12px/1.5 Inter,Arial,sans-serif;color:#e7dabe}
.shield-inventory-card:disabled{opacity:.62;cursor:default}
.shield-inventory-card:disabled .shield-card-action{visibility:hidden}
button.shield-inventory-card:not(:disabled):hover{border-color:#d1dce7!important;box-shadow:0 7px 18px #0005}
.shield-inventory-card:focus-visible{outline:2px solid #f0dfb5;outline-offset:4px}
@media(max-width:360px){.shield-inventory{gap:12px 10px}.shield-card-stock,.shield-card-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){.shield-inventory-card{transition:none}}
@media(forced-colors:active){.shield-art-duration{background:Canvas;color:CanvasText;forced-color-adjust:none}.shield-inventory-card{border:1px solid ButtonText!important}}

.shield-sources{display:flex;gap:8px;margin:16px 0}.shield-sources button{flex:1;justify-content:center!important;padding:10px!important;font-size:12px!important}.shield-sources [aria-pressed="true"]{border-color:#a5c7e3!important;background:#233c50!important;color:#eef5fc!important}.shield-status{font-size:12px;line-height:1.6;color:#cbdbe7;overflow-wrap:anywhere}#storage-warning button{margin-left:8px;padding:6px 10px;font-size:12px}
