.mall{--mall-sky:#ffd9a8;--mall-sky-2:#f6a86c;--mall-ground:#d9b98c;--mall-ground-d:#c9a676;background:linear-gradient(180deg, var(--mall-sky) 0%, var(--mall-sky-2) 70%, var(--mall-ground) 70%, var(--mall-ground) 100%);min-height:100vh;position:relative;overflow-x:hidden}.mall:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--mall-sky) 0%, var(--mall-sky-2) 100%);position:fixed;inset:0}.mall>.wrap{z-index:1;position:relative}.mall .site-nav .brand{color:var(--ink);text-shadow:none}.mall-clouds{z-index:0;pointer-events:none;height:320px;position:absolute;inset:0 0 auto;overflow:hidden}.mall-clouds i{top:var(--y);opacity:.9;width:24px;height:24px;animation:mall-drift var(--t) linear infinite;animation-delay:var(--d);background:#fff7ea;position:absolute;left:-160px;box-shadow:24px 0 #fff7ea,48px 0 #fff7ea,72px 0 #fff7ea,24px -24px #fff7ea,48px -24px #fff7ea,-24px 0 #fff7ea,96px 0 #fff7ea,0 24px #fff7ea,24px 24px #fff7ea,48px 24px #fff7ea,72px 24px #fff7ea}.mall-hero{text-align:center;padding:34px 0 22px;position:relative}.mall-title{letter-spacing:.04em;color:#fff;text-shadow:var(--px) var(--px) 0 var(--wood-d), calc(var(--px) * 2) calc(var(--px) * 2) 0 #00000040;margin:0 0 14px;font-size:clamp(34px,8vw,72px);line-height:1}.mall-title span{animation:.55s cubic-bezier(.2,1.4,.4,1) both mall-pop;animation-delay:calc(var(--i) * 70ms);display:inline-block}.mall-title span.gap{width:.5em}.mall-hero .lead{max-width:620px;color:var(--ink);margin:0 auto 18px;line-height:1.6}.mall-stats{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.mall-stats .stat{min-width:120px}.mall-street{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:end;gap:26px;padding:26px 0 0;display:grid;position:relative}.mall-street:after{content:"";background:repeating-linear-gradient(90deg, var(--mall-ground-d) 0 28px, var(--mall-ground) 28px 56px);border-top:var(--px) solid var(--wood-d);height:14px;position:absolute;bottom:-14px;left:-100vw;right:-100vw}.shopfront{background:var(--parch);border:var(--px) solid var(--wood);box-shadow:0 0 0 var(--px) var(--wood-d), var(--px) var(--px) 0 var(--px) #00000040, inset 0 var(--px) 0 #ffffff80;padding:0 0 16px;transition:transform .18s ease-out;position:relative}.shopfront:hover{transform:translateY(-4px)}.shopfront[data-shop=krakmask]{--awning-a:#4b3a8f;--awning-b:#fbead2;--sign:#c3b1e6}.shopfront[data-shop=boi]{--awning-a:#1c1f27;--awning-b:#ff8a3d;--sign:#f6e7c8}.shopfront[data-shop=nobodies]{--awning-a:#c0392b;--awning-b:#fff1cf;--sign:#f2c94c}.shopfront.soon{--awning-a:#8f8f8f;--awning-b:#f0f0f0;--sign:#ddd;opacity:.85;border-style:dashed}.awning{height:26px;margin:0 calc(-1 * var(--px));background:repeating-linear-gradient(90deg, var(--awning-a) 0 22px, var(--awning-b) 22px 44px);border-bottom:var(--px) solid var(--wood-d);background-size:44px 100%;animation:7s linear infinite mall-awning}.awning:after{content:"";background:repeating-linear-gradient(90deg, var(--awning-a) 0 22px, transparent 22px 44px);background-size:44px 100%;height:8px;margin-top:26px;display:block}.sign{text-align:center;letter-spacing:.04em;background:var(--sign);border:3px solid var(--wood-d);text-transform:uppercase;margin:12px 14px 0;padding:8px 10px;font-size:15px;font-weight:700;box-shadow:0 3px #0003}.lamp{letter-spacing:.08em;border:3px solid var(--wood-d);color:#555;background:#ddd;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:44px;right:14px}.lamp[data-open=true]{background:var(--good);color:#fff;animation:1.8s step-end infinite mall-blink}.window{border:3px solid var(--wood-d);background:#b9dcef;justify-content:center;gap:8px;margin:14px 14px 0;padding:12px 8px;display:flex;box-shadow:inset 0 0 0 4px #ffffff59}.window>*{animation:2.6s ease-in-out infinite mall-bob;animation-delay:var(--d)}.counter{border-top:var(--px) solid var(--wood);justify-content:center;gap:10px;margin:14px 14px 0;padding-top:8px;display:flex}.frame{text-align:center;width:74px;animation:3.4s ease-in-out infinite mall-peek;animation-delay:var(--d)}.frame .pic{background:var(--parch-dd);border:3px solid var(--wood-d);width:74px;height:74px;overflow:hidden;box-shadow:0 3px #0003}.frame img{object-fit:cover;object-position:center 20%;image-rendering:auto;width:100%;height:100%;display:block}.frame .who{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.shop-blurb{color:var(--ink-soft);text-align:center;min-height:40px;margin:12px 14px 0;font-size:13px}.door{text-align:center;margin:12px 14px 0;display:block}.door .cta{box-sizing:border-box;width:100%}.mall-how{margin-top:44px}.mall-how .steps3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px;display:grid}.mall-how .step{background:var(--parch-d);border:3px solid var(--wood-d);padding:14px}.mall-how .step .n{text-align:center;background:var(--gold);border:3px solid var(--wood-d);width:26px;height:26px;margin-right:8px;font-weight:700;line-height:26px;display:inline-block}@supports (animation-timeline:view()){.mall-how .step{animation:linear both mall-rise;animation-timeline:view();animation-range:entry entry 45%}}@keyframes mall-pop{0%{opacity:0;transform:translateY(18px)scale(.6)}to{opacity:1;transform:none}}@keyframes mall-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mall-peek{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes mall-blink{0%,84%{opacity:1}85%,92%{opacity:.35}93%{opacity:1}}@keyframes mall-awning{0%{background-position:0 0}to{background-position:44px 0}}@keyframes mall-drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 360px))}}@keyframes mall-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mall *,.mall :after,.mall-clouds--page i{transition:none!important;animation:none!important}}body[data-franchise=mall]{--sky:#ffd9a8;--sky-2:#f6a86c;background:linear-gradient(#ffd9a8 0%,#f6a86c 100%) fixed}body[data-franchise=mall] .wrap{z-index:1;position:relative}body[data-franchise=mall] .site-nav .brand{color:var(--ink);text-shadow:none}.mall-clouds--page{z-index:-1;height:auto;position:fixed;inset:0}.mall-clouds--page i{opacity:var(--o,.85)}