/* Ce que Bootleg pose DANS les cases de la maison. Placement, fusions, divisions et
   filets appartiennent au gabarit du site (epoque.css) : rien ici ne les redit. */
[data-bootleg] .bootleg-previewFusion>.bootleg-previewWrap{height:100%;min-height:0;padding:24px}
[data-bootleg] .bootleg-previewFusion .bootleg-card{width:288px;height:420px;aspect-ratio:auto}
[data-bootleg] .bootleg-part{padding:12px 16px;min-height:0;display:flex;flex-direction:column}
[data-bootleg] .bootleg-part label{margin:0 0 6px}
[data-bootleg] .bootleg-part textarea{flex:1;min-height:0;resize:none}

@media(max-width:850px){[data-bootleg] .bootleg-part{padding:8px}}

@media(max-width:850px){[data-bootleg] .bootleg-part .bootleg-rarity{padding:3px 2px;font-size:11px}[data-bootleg] .bootleg-part input{padding:5px}[data-bootleg] .bootleg-part label{font-size:12px}[data-bootleg] .bootleg-part .bootleg-raritys{gap:4px}}

/* Les champs occupent directement leurs subdivisions ; les libellés restent accessibles. */
[data-bootleg] [data-presentation] label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-bootleg] [data-presentation=direct-input],[data-bootleg] [data-presentation=stat-input],[data-bootleg] [data-presentation=rarity-picker]{padding:0;position:relative}
[data-bootleg] [data-presentation=direct-input]>div,[data-bootleg] [data-presentation=stat-input]>div{width:100%;height:100%;position:relative}
[data-bootleg] [data-presentation=direct-input] input,[data-bootleg] [data-presentation=direct-input] textarea,[data-bootleg] [data-presentation=stat-input] input{width:100%;height:100%;min-height:0;border:0;border-radius:0;text-align:center;padding:12px;background:transparent}
[data-bootleg] [data-presentation=direct-input] textarea{align-content:center;flex:1}
[data-bootleg] [data-presentation] input::placeholder,[data-bootleg] [data-presentation] textarea::placeholder{color:var(--encre,CanvasText);opacity:.45}
[data-bootleg] [data-presentation] input:focus-visible,[data-bootleg] [data-presentation] textarea:focus-visible{outline:1px solid var(--encre,CanvasText);outline-offset:-4px}
[data-bootleg] [data-presentation=stat-input] svg{position:absolute;width:22px;height:22px;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--encre,CanvasText)}
[data-bootleg] [data-presentation=stat-input] input{padding-left:36px;appearance:textfield}
[data-bootleg] [data-presentation=stat-input] input::-webkit-inner-spin-button,[data-bootleg] [data-presentation=stat-input] input::-webkit-outer-spin-button{appearance:none;margin:0}
[data-bootleg] [data-presentation=rarity-picker] .bootleg-raritys{width:100%;height:100%;margin:0;gap:0}
[data-bootleg] [data-presentation=rarity-picker] .bootleg-rarity{background:transparent!important;box-shadow:none!important;border:0;border-radius:0;outline:0;padding:0;font-size:16px;color:var(--bootleg-rarity-color)!important}
[data-bootleg] [data-presentation=rarity-picker] .bootleg-rarity.bootleg-active{background:color-mix(in srgb,var(--bootleg-rarity-color) 25%,var(--papier,Canvas))!important}
[data-bootleg] [data-presentation=rarity-picker] .bootleg-rarity:focus-visible{outline:1px solid var(--encre,CanvasText);outline-offset:-4px}
@media(max-width:850px){[data-bootleg] [data-presentation=stat-input] svg{left:5px;width:16px;height:16px}[data-bootleg] [data-presentation=stat-input] input{padding:4px 4px 4px 24px;font-size:12px}}

/* Toutes les autres commandes utilisent les mêmes cases et subdivisions. */
[data-bootleg] [data-presentation=action],[data-bootleg] [data-presentation=upload],[data-bootleg] [data-presentation=toggle],[data-bootleg] [data-presentation=color-field]{padding:0;position:relative}
[data-bootleg] [data-presentation=action] button{display:flex;align-items:center;justify-content:center;width:100%!important;height:100%;margin:0!important;padding:16px;border:0!important;background:transparent!important;color:var(--encre,CanvasText)!important;font:inherit;text-align:center}
[data-bootleg] [data-presentation=upload] label{position:static;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:16px;margin:0;clip-path:none;white-space:normal;border:0;background:transparent;cursor:pointer}
[data-bootleg] [data-presentation=upload] input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
[data-bootleg] [data-presentation=upload] label.bootleg-importLabel{font:inherit}
[data-bootleg] [data-presentation=toggle]>label{position:static;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:12px;margin:0;clip-path:none;white-space:normal;cursor:pointer;text-align:center}
[data-bootleg] [data-presentation=toggle] input{width:auto}
[data-bootleg] [data-presentation=toggle]:has(input:checked){background:color-mix(in srgb,var(--encre,CanvasText) 6%,transparent)}
[data-bootleg] [data-presentation=control-caption]{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}
[data-bootleg] [data-presentation=control-caption]>div{width:100%}
[data-bootleg] [data-presentation=control-caption] label{position:static;width:auto;height:auto;margin:0 0 12px;clip-path:none;white-space:normal;text-align:center}
[data-bootleg] [data-presentation=color-field] label{position:absolute;z-index:1;left:0;top:0;width:100%;height:auto;padding:12px;margin:0;clip-path:none;text-align:center;pointer-events:none}
[data-bootleg] [data-presentation=color-field] input{width:100%;height:100%;padding:0;border:0;cursor:pointer}
[data-bootleg] [data-presentation=direct-input] select{width:100%;height:100%;border:0;text-align:center;text-align-last:center;padding:12px}
[data-bootleg] [data-presentation=action] button:focus-visible,[data-bootleg] [data-presentation=upload]:focus-within,[data-bootleg] [data-presentation=toggle]:focus-within{outline:1px solid var(--encre,CanvasText);outline-offset:-4px}

[data-bootleg] .bootleg-part[data-empty-text]:has(>div[hidden])::after{content:attr(data-empty-text);opacity:.45}

[data-bootleg] .bootleg-navigationCase{cursor:pointer}

/* Le paquet occupe une fusion de cases, comme l’aperçu de carte. */
[data-bootleg] .bootleg-packPreview{padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
[data-bootleg] .bootleg-packPreview #packCards{display:block;width:100%;height:100%;padding:0;margin:0}
[data-bootleg] .bootleg-packPreview .bootleg-ready-pack{width:100%;height:100%;margin:0!important;padding:24px!important;border:0!important;background:transparent!important;display:flex;align-items:center;justify-content:center}
[data-bootleg] .bootleg-packPreview .bootleg-ready-pack img{width:100%;height:100%;object-fit:contain}
[data-bootleg] [data-part=pack-source] select{max-width:100%;width:100%;font:inherit;white-space:normal}

/* Révélation dans la même fusion de cases, sans écran supplémentaire. */
[data-bootleg] .bootleg-packPreview{container-type:size}
[data-bootleg] .bootleg-packPreview:has(.bootleg-wm-opening:not([hidden])) #packCards{display:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-opening{position:relative;inset:auto;width:100%;height:100%;min-height:0;margin:0;padding:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:8px;background:transparent}
[data-bootleg] .bootleg-packPreview .bootleg-wm-opening[hidden]{display:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-opening-top{position:static;flex-shrink:0;justify-content:center;gap:8px}
[data-bootleg] .bootleg-packPreview #wmFullscreen{display:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-opening-inner{gap:8px;min-height:0;animation:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-opening h2,[data-bootleg] .bootleg-packPreview .bootleg-wm-pack-button span{display:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-pack-button img{width:70cqw;height:calc(100cqh - 70px);object-fit:contain}
[data-bootleg] .bootleg-packPreview .bootleg-wm-card-stage .bootleg-card{--inline-card-width:min(230px,60cqw,calc((100cqh - 155px)*.685714));width:var(--inline-card-width);height:calc(var(--inline-card-width)*1.458333);aspect-ratio:288/420}
[data-bootleg] .bootleg-packPreview .bootleg-wm-navigation{gap:10px}
[data-bootleg] .bootleg-packPreview .bootleg-wm-navigation>button{width:30px;height:30px;font-size:20px}
[data-bootleg] .bootleg-packPreview .bootleg-wm-continue{padding:6px 12px;font-size:12px}
[data-bootleg] .bootleg-packPreview .bootleg-wm-counter{font-size:11px}
[data-bootleg] .bootleg-packPreview .bootleg-wm-counter strong{font-size:12px}
[data-bootleg] .bootleg-packPreview .bootleg-wm-fireworks{position:absolute;inset:0}

[data-bootleg] .bootleg-packPreview .bootleg-wm-counter{display:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-continue:disabled{visibility:hidden}

/* Le tremblement concerne l’illustration seule. */
[data-bootleg] .bootleg-packPreview .bootleg-wm-pack-button{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:none!important;filter:none!important;opacity:1!important}
[data-bootleg] .bootleg-packPreview .bootleg-wm-pack-button img{pointer-events:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-opening-top button{font:inherit;font-size:11px;padding:6px 10px;line-height:1.3}
[data-bootleg] .bootleg-packPreview .bootleg-wm-navigation>button{flex-shrink:0}
[data-bootleg] .bootleg-immersionExit{display:none}
/* Palette et espace de révélation de la référence WikiMasters. */
[data-bootleg] .bootleg-packPreview.bootleg-immersive{position:fixed!important;inset:0!important;z-index:1000!important;width:100vw!important;height:100dvh!important;aspect-ratio:auto!important;border:0!important;background:#0c0d0c!important;color:#f2f4f3!important;--encre:#f2f4f3;--papier:#0c0d0c;font-family:Inter,Arial,sans-serif}
[data-bootleg] .bootleg-immersive .bootleg-immersionExit{display:block;position:absolute;top:16px;right:16px;z-index:220;border:1px solid #2e3431;background:#1b1f1d;color:#f2f4f3;font:14px Inter,Arial,sans-serif;padding:8px 12px;border-radius:8px}
[data-bootleg] .bootleg-immersive .bootleg-ready-pack{padding:60px!important}
[data-bootleg] .bootleg-immersive .bootleg-ready-pack img{width:320px;height:min(520px,75dvh);filter:drop-shadow(0 0 18px #fa993159)}
[data-bootleg] .bootleg-immersive .bootleg-wm-opening{padding:64px 16px 24px;gap:16px;font-family:Inter,Arial,sans-serif}
[data-bootleg] .bootleg-immersive .bootleg-wm-opening-inner{gap:16px}
[data-bootleg] .bootleg-immersive .bootleg-wm-opening-top button{border:1px solid #2e3431;color:#ffffffa6;background:transparent;border-radius:8px;padding:8px 12px;font:12px Inter,Arial,sans-serif}
[data-bootleg] .bootleg-immersive .bootleg-wm-card-stage .bootleg-card{--inline-card-width:min(288px,70cqw,calc((100cqh - 235px)*.685714))}
[data-bootleg] .bootleg-immersive .bootleg-card{font-family:Outfit,Arial,sans-serif}
[data-bootleg] .bootleg-immersive .bootleg-wm-pack-button img{width:320px;height:min(520px,75dvh)}
[data-bootleg] .bootleg-immersive .bootleg-wm-navigation{gap:16px}
[data-bootleg] .bootleg-immersive .bootleg-wm-navigation>button{width:48px;height:48px;border:1px solid #2e3431!important;border-radius:50%!important;background:#1b1f1d!important;color:white;font-size:26px}
[data-bootleg] .bootleg-immersive .bootleg-wm-dots button{width:12px;height:12px;border:0!important;border-radius:50%!important;padding:0;background:#ffffff1a!important}
[data-bootleg] .bootleg-immersive .bootleg-wm-dots button.bootleg-visited{background:#ffffff4d!important}
[data-bootleg] .bootleg-immersive .bootleg-wm-dots button.bootleg-current{background:#34d399!important}
[data-bootleg] .bootleg-immersive .bootleg-wm-continue{background:#34d399!important;color:#0f172a!important;border:0!important;border-radius:12px!important;padding:10px 28px;font:16px Inter,Arial,sans-serif}
[data-bootleg] .bootleg-immersive button:focus-visible{outline:2px solid #34d399;outline-offset:4px}

/* Les options appartiennent aux cases voisines, pas à la scène. */
[data-bootleg] .bootleg-packPreview .bootleg-wm-opening-top{display:none}
[data-bootleg] .bootleg-packPreview .bootleg-wm-card-stage .bootleg-card{--inline-card-width:min(250px,70cqw,calc((100cqh - 105px)*.685714))}
[data-bootleg] .bootleg-immersive .bootleg-wm-card-stage .bootleg-card{--inline-card-width:min(288px,70cqw,calc((100cqh - 200px)*.685714))}
[data-bootleg] .bootleg-packPreview .bootleg-wm-pack-button img{height:calc(100cqh - 36px)}
[data-bootleg] .bootleg-immersive .bootleg-wm-pack-button img{height:min(520px,75dvh)}

/* Les trois commandes d’image partagent la demi-case, après sélection. */
[data-bootleg] [data-presentation=image-tools]{padding:0;position:relative}
[data-bootleg] [data-presentation=image-tools]>select[hidden]{display:none!important}
[data-bootleg] .bootleg-imageTools{display:flex;width:100%;height:100%;min-width:0}
[data-bootleg] .bootleg-imageTools>button,[data-bootleg] .bootleg-imageUpload{flex:1 1 33.333%;min-width:0;position:relative}
[data-bootleg] .bootleg-imageTools>button{border:0!important;border-radius:0;background:transparent!important;color:var(--encre,CanvasText);font:inherit;font-size:12px;padding:6px;margin:0;overflow-wrap:anywhere}
[data-bootleg] .bootleg-imageTools>button[hidden]{display:none!important}
[data-bootleg] .bootleg-imageTools.bootleg-imageTools-ready>button{border-inline-start:var(--trait,1px) solid var(--encre,CanvasText)!important}
[data-bootleg] .bootleg-imageUpload label{position:static;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:6px;margin:0;clip-path:none;white-space:normal;font-size:12px;cursor:pointer;overflow-wrap:anywhere}
[data-bootleg] .bootleg-imageUpload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
[data-bootleg] .bootleg-imageTools>button[aria-pressed=true]{background:color-mix(in srgb,var(--encre,CanvasText) 8%,transparent)!important}
[data-bootleg] .bootleg-imageTools>button:focus-visible,[data-bootleg] .bootleg-imageUpload:focus-within{outline:1px solid var(--encre,CanvasText);outline-offset:-4px}
@media(max-width:850px){[data-bootleg] .bootleg-imageTools>button,[data-bootleg] .bootleg-imageUpload label{font-size:10px;padding:3px}}

[data-bootleg] .bootleg-packPreview #packCards{position:relative}
[data-bootleg] .bootleg-packPreview .bootleg-ready-pack:disabled{opacity:1}
[data-bootleg] .bootleg-packPreview .bootleg-ready-pack:disabled img{filter:grayscale(1);opacity:.25}
[data-bootleg] .bootleg-packWarning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center;color:var(--encre,CanvasText);background:color-mix(in srgb,var(--papier,Canvas) 92%,transparent);padding:14px;font-size:14px;line-height:1.5;pointer-events:none}
[data-bootleg] .bootleg-packWarning p{margin:8px 0 0;font:inherit;color:inherit}

/* Une demi-case de cadrage, divisée par le gabarit natif en mode logo. */
[data-bootleg] [data-part=image-adjustments]{padding:0}
[data-bootleg] [data-part=image-adjustments] [data-presentation=control-caption]{padding:4px 8px;font-size:11px;line-height:1.15}
[data-bootleg] [data-part=image-adjustments] label{margin:0 0 3px;font-size:inherit;line-height:inherit}
[data-bootleg] [data-part=image-adjustments] input[type=range]{display:block;width:100%;height:16px;margin:0;padding:0}
[data-bootleg] [data-part=image-adjustments] small{display:none}

/* Trois champs composés dans une case : un quart, une moitié, un quart. */
[data-bootleg] [data-presentation=text-fields]{padding:0}
[data-bootleg] .bootleg-textFields{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}
[data-bootleg] .bootleg-textField{flex:0 0 calc(var(--bootleg-field-weight)*25%);box-sizing:border-box;min-height:0;overflow:hidden}
[data-bootleg] .bootleg-textField+.bootleg-textField{border-block-start:var(--trait,1px) solid var(--encre,CanvasText)}
[data-bootleg] .bootleg-textField textarea{height:100%;width:100%}

/* Trois actions de la carte courante dans une même case. */
[data-bootleg] [data-presentation=action-list]{padding:0}
[data-bootleg] .bootleg-cardActions{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}
[data-bootleg] .bootleg-cardAction{flex:0 0 calc(100%/3);box-sizing:border-box;min-height:0;overflow:hidden}
[data-bootleg] .bootleg-cardAction+.bootleg-cardAction{border-block-start:var(--trait,1px) solid var(--encre,CanvasText)}
[data-bootleg] .bootleg-cardAction button{padding:6px!important;font-size:12px!important;line-height:1.25}

[data-bootleg] [data-presentation=action] button[hidden]{display:none!important}

/* Le bas de la fusion d’aperçu accueille les trois actions de la carte. */
[data-bootleg] .bootleg-previewContents{display:flex;flex-direction:column;height:100%;width:100%;min-height:0}
[data-bootleg] .bootleg-previewContents>.bootleg-previewWrap{flex:1 1 0;height:0;min-height:0;padding:24px}
[data-bootleg] .bootleg-previewFooter{flex:0 0 var(--bootleg-preview-footer);box-sizing:border-box;width:100%;min-height:0;border-block-start:var(--trait,1px) solid var(--encre,CanvasText)}
[data-bootleg] .bootleg-previewFooter .bootleg-cardActions{flex-direction:row}
[data-bootleg] .bootleg-previewFooter .bootleg-cardAction{flex:1 1 0;min-width:0;height:100%;border-block-start:0}
[data-bootleg] .bootleg-previewFooter .bootleg-cardAction+.bootleg-cardAction{border-inline-start:var(--trait,1px) solid var(--encre,CanvasText)}
@media(max-width:850px){[data-bootleg] .bootleg-previewFooter .bootleg-cardAction button{font-size:10px!important;line-height:1.15;padding:4px!important}}
