/* V83 — Sanctuary card and Cards & Games Escape Room. Reuses existing artwork. */
/* The V80 chip was positioned over the description: put it IN the card flow. */
.magic-nav-card.v83-sanctuary-home{display:flex;flex-direction:column;min-width:0}
.magic-nav-card.v83-sanctuary-home img{height:clamp(118px,14vw,178px);object-position:50% 43%;filter:saturate(1.06)}
.magic-nav-card.v83-sanctuary-home>div{flex:1;padding-bottom:12px}
/* Applies to any future locked home tile so no badge can cover its copy. */
a.magic-nav-card .olu-entry-chip{position:static!important;inset:auto!important;display:block;max-width:calc(100% - 24px);margin:0 12px 10px;white-space:normal;overflow-wrap:anywhere}
a.magic-nav-card.v83-sanctuary-home .olu-entry-chip{position:static!important;inset:auto!important;display:block;align-self:stretch;margin:0 12px 8px;padding:9px 11px;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;border:1px solid #d0a57d88;border-radius:12px;background:linear-gradient(110deg,#322139,#50304f);color:#ffe5bd;box-sizing:border-box;font-size:clamp(10px,1.2vw,12px);line-height:1.35}
.magic-nav-card.v83-sanctuary-home.olu-entry-locked .olu-entry-chip:before{content:'KENNA’S STAR PROGRESS  ·  ';font-size:9px;letter-spacing:.08em;color:#edbde0}
.magic-nav-card.v83-sanctuary-home:not(.olu-entry-locked) .olu-entry-chip{background:#345348;color:#e5f5ce;border-color:#c7dbaa88}
.v83-sanctuary-meter{height:5px;margin:0 12px 13px;border-radius:99px;background:#160e20;border:1px solid #bfa2ad66;overflow:hidden}
.v83-sanctuary-meter>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#b881cc,#f8d69d);border-radius:inherit;transition:width .35s ease}
.v83-nav-lock{font-size:9px;opacity:.72;font-weight:600;white-space:nowrap}
/* Escape Room card works on both the game deck and internal Games page. */
.v83-escape-portal{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:0;width:100%;max-width:930px;margin:22px auto 28px;background:linear-gradient(136deg,#422a50,#241a34 67%,#1e182e);color:#f9edf1;border:1px solid #ecc8a27b;border-radius:23px;overflow:hidden;box-shadow:0 20px 42px #0d071f5e;box-sizing:border-box}
.v83-escape-portal *{box-sizing:border-box}
.v83-escape-image{min-height:250px;position:relative;background:#201627;overflow:hidden}
.v83-escape-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block}
.v83-escape-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100d27b0,transparent 55%);pointer-events:none}
.v83-escape-image-tag{position:absolute;bottom:17px;left:18px;z-index:1;color:#fbe1b4;text-shadow:0 2px 6px #000;font-size:10px;font-weight:800;letter-spacing:.14em}
.v83-escape-copy{min-width:0;padding:clamp(18px,3.2vw,31px);display:flex;flex-direction:column;align-items:flex-start}
.v83-escape-overline{color:#efd1a1;font-size:10px;letter-spacing:.15em;font-weight:800}
.v83-escape-copy h3{margin:7px 0 9px;font:700 clamp(26px,3.8vw,39px)/1.1 Georgia,'Cormorant Garamond',serif;color:#ffe3b3}
.v83-escape-copy p{margin:0 0 15px;color:#edd7e8;line-height:1.55;font-size:clamp(13px,1.5vw,15px);max-width:48ch}
.v83-escape-counter{display:inline-block;max-width:100%;font-size:12px;line-height:1.35;font-weight:800;background:#241729;border:1px solid #d7b68c80;border-radius:999px;padding:7px 12px;color:#ffe0af}
.v83-escape-portal.is-unlocked .v83-escape-counter{background:#294c42;border-color:#a3dbb3;color:#e2ffe9}
.v83-escape-meter{width:100%;height:9px;margin:14px 0 6px;background:#130c1c;border:1px solid #aa879a70;border-radius:50px;overflow:hidden}
.v83-escape-meter>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#b685b9,#f5c98a);transition:width .35s}
.v83-escape-progress{font-size:12px;color:#e6ccdf;font-weight:700}
.v83-escape-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;margin-top:16px;color:#291d32!important;font-size:13px;font-weight:800;background:linear-gradient(125deg,#fce3b2,#e7b5d2);border-radius:999px;border:1px solid #fff2db;padding:12px 16px;max-width:100%;text-align:center}
.v83-escape-cta:hover,.v83-escape-cta:focus-visible{filter:brightness(1.09);outline:2px solid #fff0c8;outline-offset:2px}
@media(max-width:610px){.v83-escape-portal{grid-template-columns:1fr}.v83-escape-image{height:170px;min-height:170px}.v83-escape-copy{padding:18px}.v83-escape-copy h3{font-size:27px}.magic-nav-card.v83-sanctuary-home img{height:118px}.magic-nav-card.v83-sanctuary-home .olu-entry-chip{font-size:10px}}
@media(max-width:390px){.v83-escape-image{height:140px;min-height:140px}.v83-escape-copy{padding:15px}.magic-nav-card.v83-sanctuary-home>div{padding:10px 10px 8px}.magic-nav-card.v83-sanctuary-home .olu-entry-chip{margin:0 9px 6px}}
@media(prefers-reduced-motion:reduce){.v83-escape-meter>span,.v83-sanctuary-meter>span{transition:none}}

@media(max-width:680px){.magic-nav-card.v83-sanctuary-home.olu-entry-locked .olu-entry-chip:before{content:none}}

/* V84: Never let off-canvas navigation progress chips protrude over the homepage. */
#sidebar .olu-entry-chip{display:none!important}
