/* Constellation Encyclède - Phase 164 - lecture des images dans le Coffret 3D */
.ency-card-action{display:block;width:100%;margin-top:16px;padding:11px 10px;border:1px solid #efd39b;background:linear-gradient(120deg,#e9cc94,#ad8649);color:#20170e;border-radius:10px;font:600 .87rem system-ui,Arial,sans-serif;cursor:pointer;min-height:44px}
.ency-card-action:hover{filter:brightness(1.1)}
.ency-card-action:focus-visible,#encySymbolDialog button:focus-visible{outline:3px solid #87caff;outline-offset:3px}
#openSymbolicLinks{display:block;margin-top:17px}
#openSymbolicLinks[hidden],#encySymbolDialog [hidden]{display:none!important}
#encySymbolDialog{padding:0;border:1px solid #dec18c85;border-radius:17px;color:#eee5d9;background:#11141e;box-shadow:0 30px 110px #000d;max-width:min(980px,calc(100vw - 16px));width:min(980px,calc(100vw - 16px));max-height:min(94dvh,1000px);overflow:auto;font-family:system-ui,Arial,sans-serif}
#encySymbolDialog::backdrop{background:rgba(2,3,9,.85);backdrop-filter:blur(4px)}
#encySymbolDialog *{box-sizing:border-box}
#encySymbolDialog button{font:inherit;cursor:pointer}
#encySymbolDialog p{line-height:1.7}
#encySymbolDialog .ency-small{color:#dabc7f;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;line-height:1.4}
#encySymbolDialog .ency-header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:20px 23px 16px;border-bottom:1px solid #ffffff1b}
#encySymbolDialog h2{font:normal clamp(1.45rem,3.5vw,2.25rem) Georgia,serif;margin:7px 0 0;color:#f1d69b}
#encySymbolDialog .ency-close{color:#f4e3cb;border:1px solid #cfaa756e;background:#ffffff0b;width:42px;height:42px;flex:0 0 42px;border-radius:50%;font-size:1.8rem}
#encySymbolDialog .ency-modal-grid{display:grid;grid-template-columns:minmax(220px,380px) minmax(230px,1fr);gap:27px;padding:19px 23px}
#encySymbolDialog .ency-image-column{min-width:0}
#encySymbolDialog .ency-card-image{position:relative;margin:auto;width:min(100%,370px);aspect-ratio:2/3;background-color:#151927;border:1px solid #edc88d75;border-radius:7px;box-shadow:0 20px 36px #000b}
#encySymbolDialog .ency-dots{position:absolute;inset:0}
#encySymbolDialog .ency-spot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:39px;height:39px;min-width:39px;min-height:39px;border:2px solid #f2e2bd;border-radius:50%;color:#ffe2a5;background:#191520e5;box-shadow:0 0 0 5px #efcb8b2d,0 2px 10px #0009;font-weight:bold}
#encySymbolDialog .ency-spot.chosen,#encySymbolDialog .ency-spot:focus-visible{background:#f0d5a2;color:#18151a}
#encySymbolDialog .ency-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:13px}
#encySymbolDialog .ency-gold,#encySymbolDialog .ency-ghost{border-radius:8px;font-size:.81rem;padding:9px 12px;min-height:40px}
#encySymbolDialog .ency-gold{background:linear-gradient(120deg,#e6c991,#b08a4e);border:1px solid #f2d59b;color:#21170b;font-weight:700}
#encySymbolDialog .ency-ghost{background:#ffffff09;border:1px solid #d9b77882;color:#f3e1c3}
#encySymbolDialog .ency-ghost[aria-pressed="true"]{background:#e6c991;color:#21170b}
#encySymbolDialog .ency-detail{min-width:0}
#encySymbolDialog h3{font:normal 1.38rem Georgia,serif;color:#f0d8a7;margin:13px 0 10px}
#encySymbolDialog .ency-detail>p{color:#e4ded4;font-size:.92rem}
#encySymbolDialog .ency-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
#encySymbolDialog .ency-tags span{border-radius:99px;background:#d7b16a20;border:1px solid #d1b27f75;padding:5px 10px;color:#e9d1a8;font-size:.78rem}
#encySymbolDialog .ency-reading,#encySymbolDialog .ency-relations{background:linear-gradient(135deg,#19202b,#10131b);padding:15px 17px;border:1px solid #ddbd8660;border-radius:11px;margin-top:15px}
#encySymbolDialog .ency-reading p,#encySymbolDialog .ency-relations p{margin:8px 0 16px;font-size:.91rem;color:#eee3d2}
#encySymbolDialog .ency-reading .ency-small:not(:first-child),#encySymbolDialog .ency-relations .ency-small:not(:first-child){margin-top:14px}
#encySymbolDialog .ency-bridge{border-left:2px solid #e1bd79;padding:4px 0 4px 12px;margin:12px 0}
#encySymbolDialog .ency-bridge strong{color:#f4dca9;font-size:.86rem;line-height:1.45}
#encySymbolDialog .ency-bridge p{margin:7px 0 3px}
#encySymbolDialog .ency-question{color:#e4b979!important;font-style:italic}
#encySymbolDialog .ency-source{color:#b8b4b2;font-size:.74rem;margin:14px 0;padding-top:10px;border-top:1px solid #ffffff15}
#encySymbolDialog .ency-original{margin-top:20px;background:#0b0d14;border:1px solid #cfa96845;border-radius:10px;padding:14px 16px}
#encySymbolDialog .ency-original p{font-size:.91rem;margin:9px 0 2px;color:#e5dfd5}
#encySymbolDialog .ency-unmapped{margin:14px 0;padding:13px;border-left:3px solid #d6b983;background:#0002;font-size:.87rem;line-height:1.7;color:#cfc7bd}
#encySymbolDialog .ency-footer{border-top:1px solid #ffffff1b;padding:14px 23px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#bfbab5;font-size:.78rem}
#encySymbolDialog .ency-mobile-tip{display:none}
@media(max-width:720px){
 #encySymbolDialog{max-height:96dvh;width:calc(100vw - 12px);max-width:calc(100vw - 12px)}
 #encySymbolDialog .ency-header{padding:14px 16px}
 #encySymbolDialog .ency-modal-grid{display:block;padding:16px}
 #encySymbolDialog .ency-card-image{width:min(100%,270px)}
 #encySymbolDialog .ency-detail{margin-top:18px}
 #encySymbolDialog .ency-mobile-tip:not([hidden]){position:absolute;bottom:9%;left:5%;right:5%;display:block;padding:9px 11px;border-radius:9px;box-shadow:0 7px 16px #000a;border:1px solid #eccd8f;background:#0e1221f2;color:#ffe3a5;font-size:.78rem;line-height:1.45;pointer-events:none;text-align:center}
 #encySymbolDialog .ency-spot{width:40px;height:40px}
 #encySymbolDialog .ency-footer{padding:12px 16px;align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){#encySymbolDialog *{animation:none!important;transition:none!important}}

/* Phase 167 : commandes de lecture compactes, texte libre de revenir à la ligne. */
.ency-card-action{width:fit-content;max-width:100%;min-height:36px;margin:12px auto 0;padding:7px 11px;border-radius:7px;font:600 .81rem/1.4 system-ui,Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}
#encySymbolDialog .ency-gold,#encySymbolDialog .ency-ghost{min-height:36px;padding:7px 11px;border-radius:7px;font-size:.81rem;line-height:1.4;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#encySymbolDialog .ency-footer>span{min-width:0;flex:1}
#encySymbolDialog .ency-footer>button{flex:0 1 auto}
#openSymbolicLinks{width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(pointer:coarse){.ency-card-action,#encySymbolDialog .ency-gold,#encySymbolDialog .ency-ghost,#openSymbolicLinks{min-height:44px}#encySymbolDialog .ency-close{width:44px;height:44px;flex-basis:44px}}

/* Phase 168 : repères discrets sur l’image et accès textuels sans chevauchement. */
#encySymbolDialog .ency-spot{width:24px;height:24px;min-width:24px;min-height:24px;font-size:12px;line-height:1;padding:0;border-width:1px;box-shadow:0 0 0 1px #efcb8b55,0 2px 5px #0009}
#encySymbolDialog .ency-reperes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}
#encySymbolDialog .ency-repere{min-width:0;min-height:36px;text-align:left;padding:6px 8px;border:1px solid #d9b77882;border-radius:6px;background:#ffffff09;color:#f3e1c3;font-size:.74rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
#encySymbolDialog .ency-repere.chosen{background:#e6c991;color:#21170b}
@media(pointer:coarse){#encySymbolDialog .ency-repere{min-height:44px}}