/* Namespaced community feature and compact portal/store entrances. */
.xl-escape-entry { display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; padding:9px 16px; margin:12px 0 20px; border:1px solid #bdd2c7; border-radius:12px; background:#f2f7ef; color:#28483d; text-align:left; }
.xl-escape-entry__icon { color:#986d2b; }
.xl-escape-entry a { display:inline-flex; align-items:center; flex-wrap:wrap; min-height:44px; color:#164b3e; font-size:15px; font-weight:750; text-decoration:none; }
.xl-escape-entry a:hover { text-decoration:underline; }
.xl-escape-entry small { color:#435c51; font-size:13px; }
.portal-hero-actions > .xl-escape-entry { flex:0 1 auto; max-width:100%; margin:0; }
.xl-escape-promotion { box-sizing:border-box; display:grid; grid-template-columns:1.1fr 1fr; gap:16px 32px; align-items:center; width:min(1280px,calc(100% - 40px)); min-height:clamp(360px,50svh,500px); margin:24px auto 30px; padding:28px 32px 22px; border:1px solid #bdcbb6; border-radius:20px; background:linear-gradient(115deg,#f9f5e8,#e6efdf); color:#243f35; box-shadow:0 12px 32px #3147310c; }
.xl-escape-promotion__copy,.xl-escape-promotion__picture,.xl-escape-promotion__community { min-width:0; }
.xl-escape-promotion__eyebrow { margin:0 0 12px; color:#536c54; font-size:13px; font-weight:700; letter-spacing:.08em; }
.xl-escape-promotion h2 { margin:0 0 14px; color:#214639; font-size:clamp(26px,2.7vw,36px); line-height:1.3; font-weight:800; }
.xl-escape-promotion__copy > p:not(.xl-escape-promotion__eyebrow) { margin:0 0 14px; font-size:15px; line-height:1.8; color:#3d5447; }
.xl-escape-promotion__features { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; padding:0; list-style:none; }
.xl-escape-promotion__features li { padding:5px 9px; border:1px solid #d1d7be; border-radius:20px; background:#fffdf5b3; color:#40533d; font-size:12px; line-height:1.5; }
.xl-escape-promotion__actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.xl-escape-promotion__play,.xl-escape-promotion__ideas { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; padding:10px 16px; border:1px solid #285342; border-radius:10px; text-decoration:none; font-weight:700; font-size:14px; line-height:1.5; }
.xl-escape-promotion__play { background:#285342; color:#fffdf5; }
.xl-escape-promotion__play:hover { background:#183b2e; color:white; }
/* Community themes style all anchors; preserve the filled CTA's contrast in every theme. */
body.community-site.discussion-art.community-gallery .xl-escape-promotion a.xl-escape-promotion__play { color:#fffdf5 !important; -webkit-text-fill-color:#fffdf5; }
body.community-site.discussion-art.community-gallery .xl-escape-promotion a.xl-escape-promotion__play span { color:inherit !important; -webkit-text-fill-color:inherit; }
.community-site .xl-escape-promotion h2 { line-height:1.3; font-weight:800; }
.xl-escape-promotion__ideas { background:#fffdf5; color:#285342; }
.xl-escape-promotion__ideas:hover { background:#e3ebdc; color:#183b2e; }
.xl-escape-promotion__picture { margin:0; text-align:center; }
.xl-escape-promotion__picture > a { position:relative; display:block; overflow:hidden; border:1px solid #bac9b0; border-radius:14px; background:#dbe6d3; }
.xl-escape-promotion__picture img { display:block; width:100%; height:auto; max-height:260px; object-fit:contain; }
.xl-escape-promotion__image-label { position:absolute; inset:auto 8px 8px auto; padding:4px 9px; border-radius:20px; background:#fffdf5ed; color:#365241; font-size:11px; }
.xl-escape-promotion__picture figcaption { margin-top:7px; color:#52634b; font-size:12px; line-height:1.5; }
.xl-escape-promotion__community { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 24px; border-top:1px solid #cbd5be; padding-top:13px; font-size:13px; line-height:1.8; }
.xl-escape-promotion__community > p { margin:0 0 6px; color:#3d5447; }
.xl-escape-promotion__community p > a { display:inline-flex; align-items:center; min-height:44px; margin-left:8px; color:#235441; text-underline-offset:3px; }
.xl-escape-support summary { display:flex; align-items:center; min-height:44px; gap:8px; cursor:pointer; color:#31563d; font-weight:700; list-style:none; }
.xl-escape-support summary::-webkit-details-marker { display:none; }
.xl-escape-support summary::before { content:'＋'; flex:0 0 auto; }
.xl-escape-support[open] summary::before { content:'−'; }
.xl-escape-support[open] { grid-column:1 / -1; }
.xl-escape-support[open] > div { padding:8px 16px 14px; margin-top:4px; border:1px solid #cbd5be; border-radius:10px; background:#fffdf5; }
.xl-escape-support p { margin:8px 0; color:#3d5447; }
.xl-escape-support ol { padding-left:22px; margin:10px 0; }
.xl-escape-entry a:focus-visible,.xl-escape-promotion a:focus-visible,.xl-escape-support summary:focus-visible { outline:3px solid #a46527; outline-offset:4px; }
@media(max-width:760px) {
    .xl-escape-promotion { grid-template-columns:1fr; width:calc(100% - 24px); padding:22px 20px 16px; gap:18px; min-height:0; margin-top:16px; border-radius:16px; }
    .xl-escape-promotion h2 { font-size:30px; }
    .xl-escape-promotion__picture img { max-height:250px; }
    .xl-escape-promotion__community { grid-template-columns:1fr; }
    .xl-escape-desktop-break { display:none; }
    .xl-escape-promotion__community p > a { margin-left:0; }
    .xl-escape-entry { gap:0 8px; padding:7px 12px; }
    .xl-escape-entry small { flex-basis:100%; padding-bottom:7px; }
    .xl-escape-entry a { font-size:14px; }
}
/* Official social links (Facebook / Instagram / Threads). */
.xl-social-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0 0; font-size:13px; }
.xl-social-links__label { color:#536c54; font-weight:700; }
.xl-social-links__item { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:4px 12px 4px 6px; border:1px solid #c6d3bd; border-radius:999px; background:#fffdf6; color:#24463a; font-weight:700; text-decoration:none; }
.xl-social-links__item span { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#fff; font-size:13px; font-weight:900; }
.xl-social-links__item--fb span { background:#1877f2; } .xl-social-links__item--ig span { background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af); } .xl-social-links__item--threads span { background:#111; }
.xl-social-links__item:hover,.xl-social-links__item:focus-visible { border-color:#7fa186; background:#f2f7ea; }
.xl-escape-entry .xl-social-links { margin-top:6px; font-size:12px; } .xl-escape-entry .xl-social-links__item { min-height:32px; }

/* V2.6: homepage glass stage; the GAME store keeps its light entry. */
.portal-hero-actions > .xl-home-entry {
  box-sizing:border-box; position:relative; display:grid; grid-template-columns:132px minmax(0,1fr) auto;
  align-items:center; gap:18px; width:100%; max-width:900px; padding:20px 24px; margin:0;
  border:1px solid #8bbdbf; border-radius:22px; color:#fff; background:#18213e;
  background:linear-gradient(110deg,#161e3ef2,#281e46f2) padding-box,linear-gradient(110deg,#6fe0d0,#a79fff) border-box;
  border-color:transparent; box-shadow:0 8px 28px #030b1e5c,0 0 23px #968dff4f,inset 0 1px #ffffff38;
  animation:xl-home-glow 3.2s ease-in-out 1.1s infinite;
}
@supports (backdrop-filter:blur(10px)) {
  .portal-hero-actions > .xl-home-entry { background:linear-gradient(110deg,rgba(22,30,62,.82),rgba(40,30,70,.78)) padding-box,linear-gradient(110deg,#6fe0d0,#a79fff) border-box; backdrop-filter:blur(10px); }
}
.xl-home-entry__stage { display:block; grid-row:1/3; width:132px; height:132px; border-radius:50%; overflow:hidden; background:#28334a; }
.xl-home-entry__stage--fallback { background:#28334a url('/games/xiaoling-escape/assets/art/v25/stage1-keyart.webp') 38% 24%/240% auto no-repeat; }
@media (scripting:none) { .xl-home-entry__stage { background:#28334a url('/games/xiaoling-escape/assets/art/v25/stage1-keyart.webp') 38% 24%/240% auto no-repeat; } }
.xl-home-entry__stage--ready { background:transparent; }
.xl-home-entry__stage canvas { display:block; width:100%; height:100%; pointer-events:none; }
.xl-home-entry__copy { grid-column:2; grid-row:1; min-width:0; text-align:left; }
.xl-home-entry > .xl-social-links--dark { grid-column:2; grid-row:2; }
.xl-home-entry > .xl-home-entry__play { grid-column:3; grid-row:1/3; }
.xl-home-entry__copy h2 { margin:0 0 5px; color:#fff; font-size:clamp(24px,2.3vw,32px); line-height:1.2; font-weight:850; letter-spacing:.06em; }
.xl-home-entry__copy p { margin:0 0 10px; color:#e5eaf7; font-size:15px; line-height:1.6; }
.xl-home-entry__tags { display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:0; list-style:none; }
.xl-home-entry__tags li { padding:3px 9px; border:1px solid #ffffff35; border-radius:999px; background:#ffffff12; color:#e5efff; font-size:12px; line-height:1.6; }
.xl-home-entry__play { display:flex; align-items:center; justify-content:center; gap:15px; min-height:50px; padding:12px 23px; border:1px solid #ffdd9c; border-radius:999px; background:linear-gradient(115deg,#ffdc98,#efb860); color:#2b1b0c; font-weight:850; font-size:16px; white-space:nowrap; text-decoration:none; box-shadow:0 6px 22px #f5c77429; }
.xl-home-entry__play:hover { color:#211407; background:#ffe1a9; transform:translateY(-1px); }
.xl-home-entry a:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.xl-social-links--dark .xl-social-links { gap:6px; margin-top:10px; }
.xl-social-links--dark .xl-social-links__label { color:#d9e2f5; }
.xl-social-links--dark .xl-social-links__item { min-height:36px; background:#111b35; border-color:#8493bc88; color:#f5f7ff; padding:3px 8px 3px 4px; font-size:12px; }
.xl-social-links--dark .xl-social-links__item:hover { background:#293756; color:#fff; border-color:#b5dfff; }
@keyframes xl-home-glow { 50% { box-shadow:0 8px 28px #030b1e5c,0 0 31px #968dff70,inset 0 1px #ffffff38; } }
@media (max-width:719.98px) {
  .portal-hero-actions > .xl-home-entry { grid-template-columns:96px minmax(0,1fr); gap:13px; padding:18px 15px; }
  .xl-home-entry__stage { grid-row:1; width:96px; height:96px; }
  .xl-home-entry > .xl-social-links--dark { grid-column:1/-1; grid-row:2; }
  .xl-home-entry > .xl-home-entry__play { grid-column:1/-1; grid-row:3; width:100%; box-sizing:border-box; }
  .xl-home-entry__copy h2 { font-size:24px; }
  .xl-home-entry__copy p { font-size:13px; }
  .xl-social-links--dark .xl-social-links__label { width:100%; }
  .xl-social-links--dark .xl-social-links { margin-top:0; }
  .xl-social-links--dark .xl-social-links__item { font-size:11px; gap:4px; padding:3px 6px 3px 3px; }
  .xl-social-links--dark .xl-social-links__item span { width:20px; height:20px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .portal-hero-actions > .xl-home-entry { animation:none; }
  .xl-home-entry__play { transition:none; transform:none; }
}