/* Sally's prologue landing (5 Nov 2026), her rules unchanged, fenced to inside the panel */
.xpl{container-type:size;aspect-ratio:16/9;width:100%;position:relative;border-radius:12px;overflow:hidden;background:radial-gradient(70% 90% at 18% 45%,rgba(100,130,255,.16),transparent 70%),linear-gradient(160deg,#1B2A55,#0D1528 62%);border:1px solid rgba(100,130,255,.22);color:#F0EDE0;font-family:Questrial,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.xpl *{box-sizing:border-box}
.xpl .xpl__in{--u:min(1cqw,1.7778cqh);position:absolute;inset:0;display:grid;grid-template-columns:27% minmax(0,1fr);gap:calc(var(--u)*3.2);padding:calc(var(--u)*3.4)}
.xpl .xpl__art{position:relative;border-radius:calc(var(--u)*1);overflow:hidden;border:1px solid rgba(100,130,255,.28);box-shadow:0 0 calc(var(--u)*3.5) rgba(100,130,255,.18)}
.xpl .xpl__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}
.xpl .xpl__body{display:flex;flex-direction:column;min-width:0;min-height:0}
.xpl .xpl__name{display:flex;align-items:baseline;gap:calc(var(--u)*1.6);flex-wrap:wrap}
.xpl .xpl__name b{font-weight:400;font-size:calc(var(--u)*4.3);line-height:1;letter-spacing:.04em}
.xpl .xpl__name span{font-size:calc(var(--u)*1.55);color:#B9B8AC;padding-left:calc(var(--u)*1.6);border-left:1px solid rgba(240,237,224,.3);line-height:1.2}
.xpl .xpl__promise{margin:calc(var(--u)*1.1) 0 0;font-size:calc(var(--u)*2.05);line-height:1.3;color:#F0EDE0}
.xpl .xpl__title{margin:calc(var(--u)*2.4) 0 0;font-size:calc(var(--u)*2.35);line-height:1.25;color:#C9D4FF;font-weight:400}
.xpl .xpl__how{margin:calc(var(--u)*.8) 0 0;font-size:calc(var(--u)*1.5);line-height:1.45;color:#D9D6CA}
.xpl .xpl__mid{margin-top:calc(var(--u)*2.4);padding-top:calc(var(--u)*2);border-top:1px solid rgba(240,237,224,.14);display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:calc(var(--u)*3);min-height:0;flex:1}
.xpl .xpl__lab{font-size:calc(var(--u)*1.4);color:#9C9D90;margin:0}
.xpl .xpl__sk{margin:calc(var(--u)*.6) 0 0;font-size:calc(var(--u)*1.6);line-height:1.65;color:#F0EDE0}
.xpl .xpl__parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.xpl .xpl__parts li{display:grid;grid-template-columns:calc(var(--u)*1.5) minmax(0,1fr) auto;gap:calc(var(--u)*1);align-items:center;padding:calc(var(--u)*.55) 0;border-bottom:1px solid rgba(240,237,224,.08);font-size:calc(var(--u)*1.45);line-height:1.25}
.xpl .xpl__parts li:last-child{border-bottom:0}
.xpl .xpl__parts svg{width:calc(var(--u)*1.2);height:calc(var(--u)*1.2);color:#8FA6FF;display:block}
.xpl .xpl__parts .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#E6E3D6}
.xpl .xpl__parts .d{font-size:calc(var(--u)*1.3);color:#9C9D90;font-variant-numeric:tabular-nums}
.xpl .xpl__parts li.lo .t{color:#C9D4FF}
.xpl .xpl__foot{display:flex;align-items:center;gap:calc(var(--u)*2.2);margin-top:calc(var(--u)*2)}
.xpl .xpl__go{white-space:nowrap;flex:none;height:calc(var(--u)*5);padding:0 calc(var(--u)*2.6);display:inline-flex;align-items:center;gap:calc(var(--u)*1);font:inherit;font-size:calc(var(--u)*1.75);border-radius:4px;border:1px solid #6482FF;background:#6482FF;color:#F0EDE0;cursor:pointer;box-shadow:0 0 calc(var(--u)*1.8) rgba(100,130,255,.5)}
.xpl .xpl__go:hover{box-shadow:0 0 calc(var(--u)*2.6) rgba(100,130,255,.75)}
.xpl .xpl__go svg{width:calc(var(--u)*1.4);height:calc(var(--u)*1.4)}
.xpl .xpl__cpe{font-size:calc(var(--u)*1.75);color:#8FA6FF}
.xpl .gap{border:1px dashed rgba(240,237,224,.45);border-radius:4px;padding:1px 6px;color:#D9D6CA;display:inline-block}
.xpl .xpl__parts .gap{font-size:calc(var(--u)*1.1);padding:0 5px}
.xpl.ph{aspect-ratio:auto;container-type:inline-size}
.xpl.ph .xpl__in{--u:2.6cqw;position:static;display:flex;flex-direction:column;gap:16px;padding:16px}
.xpl.ph .xpl__art{aspect-ratio:4/3}
.xpl.ph .xpl__art img{object-position:50% 43%}
.xpl.ph .xpl__name b{font-size:30px}
.xpl.ph .xpl__name span{font-size:13px}
.xpl.ph .xpl__promise{font-size:17px}
.xpl.ph .xpl__title{font-size:18px;margin-top:16px}
.xpl.ph .xpl__how{font-size:14px}
.xpl.ph .xpl__mid{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px}
.xpl.ph .xpl__lab{font-size:12px}
.xpl.ph .xpl__sk{font-size:15px}
.xpl.ph .xpl__parts li{font-size:14px;padding:7px 0;grid-template-columns:14px minmax(0,1fr) auto;gap:10px}
.xpl.ph .xpl__parts .t{white-space:normal}
.xpl.ph .xpl__parts .d{font-size:13px}
.xpl.ph .xpl__parts svg{width:12px;height:12px}
.xpl.ph .xpl__foot{margin-top:18px;gap:16px}
.xpl.ph .xpl__go{height:48px;font-size:17px;padding:0 24px;flex:1;justify-content:center}
.xpl.ph .xpl__go svg{width:14px;height:14px}
.xpl.ph .xpl__cpe{font-size:16px}