.escape-preview{min-height:calc(100svh - 38px);padding:24px 24px max(20px,env(safe-area-inset-bottom));color:#392052;isolation:isolate;background:radial-gradient(at 50% 30%,#f0e1ff 0,#0000 55%),#fffaf2;flex-direction:column;display:flex}.escape-brand{justify-content:space-between;align-items:center;gap:12px;display:flex}.escape-brand>span:first-child{letter-spacing:-1px;color:#713bad;font-family:Fredoka,sans-serif;font-size:23px;font-weight:600}.escape-brand>span:first-child span{letter-spacing:3.5px;text-align:center;font-family:DM Sans,sans-serif;font-size:9px;line-height:1;display:block}.escape-tag{letter-spacing:1.1px;color:#806891;border:1px solid #e2d4ed;border-radius:100px;padding:7px 9px;font-size:8px;font-weight:800}.escape-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:17px;padding:18px 0 25px;display:flex}.escape-art{flex-shrink:0;width:260px;height:230px;position:relative}.escape-orbit{background:radial-gradient(circle,#ead5ff80,#0000 65%);border:1px dashed #b79ace;border-radius:50%;position:absolute;inset:20px 16px 0;transform:rotate(-15deg)}.escape-symbol{text-align:center;letter-spacing:-5px;color:#ddc7ef;width:100%;font:700 100px/1 Fredoka,sans-serif;position:absolute;top:5px;left:0;transform:rotate(-8deg)}.escape-symbol svg{width:80px;height:80px}.escape-mascot{animation:3.6s ease-in-out infinite escape-bob;position:absolute;top:60px;left:64px;transform:rotate(10deg)}.escape-mascot .mascot{filter:drop-shadow(0 9px #d4b57533);width:144px;height:144px}.escape-shadow{filter:blur(3px);background:#5c2b8b15;border-radius:50%;width:112px;height:12px;position:absolute;bottom:4px;left:78px}.escape-spark{color:#b67a17;font-style:normal;position:absolute}.escape-spark.one{top:74px;left:20px;transform:rotate(-18deg)}.escape-spark.two{font-size:28px;bottom:38px;right:14px}.escape-dot{background:#ad85d1;border-radius:50%;width:10px;height:10px;position:absolute;top:54px;right:36px}.escape-copy{text-align:center;max-width:370px}.escape-eyebrow{letter-spacing:1.6px;color:#866199;font-size:9px;font-weight:800}.escape-copy h1{letter-spacing:-.6px;margin:12px 0;font-family:Fredoka,sans-serif;font-size:clamp(29px,7.5vw,36px);font-weight:600;line-height:1.08}.escape-copy p{color:#786483;max-width:305px;margin:0 auto;font-size:14px;line-height:1.65}.escape-actions{flex-direction:column;align-self:center;gap:10px;width:100%;max-width:360px;display:flex}.escape-actions button{cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 14px;font:700 14px DM Sans,sans-serif;display:flex}.escape-actions button:focus-visible{outline-offset:4px;outline:3px solid #deae37}.escape-primary{color:#fff;background:linear-gradient(140deg,#9257ce,#7034b4);transition:transform .15s;box-shadow:0 5px #522480,0 10px 24px #7e44b323}.escape-primary:active{transform:translateY(3px)}.escape-actions button:disabled{opacity:.65;cursor:wait}.escape-secondary{color:#6e498b;background:0 0}.escape-actions small{text-align:center;color:#927d9d;min-height:15px;font-size:10px;line-height:1.4}.is-lost{background:radial-gradient(at 50% 30%,#fff0cb,#0000 55%),#fffaf2}.is-lost .escape-symbol{color:#e8cfa2}.is-lost .escape-orbit{background:radial-gradient(circle,#ffe2a380,#0000 65%);border-color:#d3b986}.escape-spin{animation:1.2s linear infinite escape-spin}@keyframes escape-bob{50%{transform:translateY(-10px)rotate(-5deg)}}@keyframes escape-spin{to{transform:rotate(360deg)}}.is-reduced *{animation:none!important}@media (prefers-reduced-motion:reduce){.escape-preview *{animation:none!important}}@media (max-height:650px){.escape-preview{padding:16px 20px}.escape-art{width:230px;height:165px}.escape-mascot{top:35px;left:64px}.escape-mascot .mascot{width:110px;height:110px}.escape-symbol{font-size:78px}.escape-body{gap:9px;padding:12px 0 15px}.escape-copy h1{margin:8px 0;font-size:28px}.escape-copy p{font-size:13px}.escape-shadow{left:66px}.escape-eyebrow{font-size:8px}}@media (min-width:600px) and (max-height:500px){.escape-preview{grid-template-columns:1fr 1fr;gap:10px 24px;display:grid}.escape-brand{grid-column:1/-1}.escape-body{display:contents}.escape-art{grid-row:2/4;place-self:center}.escape-copy{align-self:end}.escape-copy h1{font-size:25px}.escape-actions{align-self:start}.escape-actions button{min-height:42px;padding:8px}.escape-actions{gap:6px}}.xp-main.xp-escape-main{gap:0;padding:38px 0 0}.escape-live{z-index:1500;min-height:100svh;font-family:DM Sans,sans-serif;position:fixed;inset:0;overflow-y:auto}.escape-live,.escape-live *{box-sizing:border-box}.escape-live .escape-body{flex-shrink:0}@media (min-width:600px) and (max-height:500px){.escape-live{min-height:100svh}}