.march-skin-item-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#253d53cc,#102c29a8 74%)}
.march-skin-item-art canvas{display:block;width:100%;height:100%;object-fit:contain}
.march-skin-permanent{position:absolute;left:8px;top:8px;z-index:3;max-width:calc(100% - 16px);padding:2px 4px;border:1px solid #b4945099;background:#142d29d9;color:#f3dfb0;font:600 9px/1.2 var(--sans);white-space:nowrap}
.march-skin-preview>.march-skin-permanent{left:10px;top:10px;padding:3px 6px;font-size:11px}
.inventory-detail-art .march-skin-permanent{left:3px;right:3px;max-width:none;padding-inline:1px;font-size:8px;text-align:center}
.game-modal:is([data-variant='march-skin'],[data-variant='castle-skin']){width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 32px);color:var(--antique-ink)}
.march-skin-dialog{position:relative;min-width:0}
.game-modal:is([data-variant='march-skin'],[data-variant='castle-skin']) .modal-close{position:absolute;float:none;right:0;top:0;z-index:3;width:44px;height:44px;min-width:44px;padding:8px}
.game-modal:is([data-variant='march-skin'],[data-variant='castle-skin']) .council-heading{margin:0 0 16px;min-height:110px;padding:18px 48px 18px 68px}
.game-modal:is([data-variant='march-skin'],[data-variant='castle-skin']) .council-heading::before{left:0;top:0;width:62px;height:96px}
.game-modal:is([data-variant='march-skin'],[data-variant='castle-skin']) .council-heading .modal-title{margin-bottom:8px;font-size:28px;overflow-wrap:anywhere}
.march-skin-eyebrow{margin:0 0 4px;color:var(--antique-muted);font:700 10px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.march-skin-preview{position:relative;width:100%;height:clamp(140px,27dvh,230px);overflow:hidden;border:2px ridge #b79856;background:radial-gradient(ellipse at 50% 64%,#456856,#152f29 74%);box-shadow:inset 0 0 0 2px #67491f44,inset 0 0 24px #071d2499,0 1px 3px #4c351f44}
.march-skin-preview::after{content:'';position:absolute;inset:4px;border:1px solid #d0b16a88;pointer-events:none}
.march-skin-preview canvas{display:block;width:100%;height:100%;object-fit:contain}
.march-skin-loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--gold-light,#edcf93);font:12px/1.4 var(--sans);text-align:center;pointer-events:none}
.march-skin-loading[hidden]{display:none}
.march-skin-status{position:absolute;right:9px;bottom:9px;max-width:calc(100% - 18px);padding:4px 8px;border:1px solid #b49450;background:#163a2bf2;color:#f6e4b6;font:700 13px/1.2 var(--serif)}
.march-skin-status.is-equipped{background:#254f32;box-shadow:inset 0 0 0 1px #c5a15755}
.march-skin-preview-error{margin:8px 0;color:var(--antique-muted);font:12px/1.45 var(--sans)}
.march-skin-feedback{font:13px/1.4 var(--sans);overflow-wrap:anywhere}
.march-skin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.march-skin-actions button{width:100%;min-width:0;min-height:44px;white-space:normal}
.march-skin-actions button:focus-visible,.march-skin-dialog .modal-close:focus-visible{outline:2px solid #866022;outline-offset:3px}
@media(max-width:359px){.game-modal:is([data-variant='march-skin'],[data-variant='castle-skin']) #modal-content{padding:16px}.march-skin-dialog .modal-title{font-size:26px}.march-skin-actions{gap:7px}.march-skin-actions button{font-size:16px;padding-inline:8px}}
@media(forced-colors:active){.march-skin-preview,.march-skin-status{border:1px solid CanvasText;background:Canvas;color:CanvasText}.march-skin-preview::after{display:none}}
