:root{color-scheme:dark;--cyan:#62e4ff;--ink:#f8fbff}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05090e;color:var(--ink);font-family:Inter,system-ui,sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%;outline:0;touch-action:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(1,5,10,.48),transparent 33%),radial-gradient(circle,transparent 58%,rgba(1,5,11,.42));z-index:2}.ui{position:fixed;inset:0;z-index:3;pointer-events:none}header{position:absolute;left:24px;right:24px;top:20px;display:flex;align-items:center;justify-content:space-between}.logo{width:218px}.status{padding:10px 14px;border:1px solid rgba(98,228,255,.2);border-radius:999px;background:rgba(5,12,20,.68);backdrop-filter:blur(18px);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.status i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#6ff0ae;box-shadow:0 0 14px #6ff0ae}.intro{position:absolute;left:clamp(22px,6vw,95px);top:50%;width:min(560px,calc(100vw - 44px));transform:translateY(-50%);padding:36px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(120deg,rgba(4,11,20,.91),rgba(10,18,28,.58));backdrop-filter:blur(23px);box-shadow:0 40px 120px rgba(0,0,0,.48);pointer-events:auto;transition:.5s}.intro.off{opacity:0;visibility:hidden;transform:translateY(-46%)}.eyebrow{color:var(--cyan);font-size:9px;letter-spacing:.25em;text-transform:uppercase}.intro h1{margin:14px 0;font-size:clamp(52px,6.2vw,86px);line-height:.9;letter-spacing:-.07em}.intro h1 span{display:block;color:transparent;background:linear-gradient(100deg,#fff,var(--cyan),#b592ff);background-clip:text}.intro p{color:#afbbca;font-size:14px;line-height:1.65}.enter{border:0;border-radius:999px;padding:14px 20px;background:linear-gradient(100deg,var(--cyan),#a88aff);color:#07101a;font-weight:900;cursor:pointer}.guide{position:absolute;left:22px;bottom:22px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(5,12,20,.7);backdrop-filter:blur(16px);font-size:8px;line-height:1.7;letter-spacing:.09em;text-transform:uppercase;opacity:0;transition:.4s}.guide.on{opacity:1}.guide b{color:var(--cyan)}.shop-card{z-index:6;position:absolute;right:22px;top:50%;width:min(350px,calc(100vw - 30px));transform:translate(120%,-50%);padding:22px;border:1px solid rgba(98,228,255,.22);border-radius:23px;background:rgba(5,12,22,.9);backdrop-filter:blur(26px);box-shadow:0 40px 100px rgba(0,0,0,.55);pointer-events:auto;transition:.38s}.shop-card.on{transform:translate(0,-50%)}.shop-card img{width:100%;height:130px;object-fit:contain;border-radius:14px;background:white}.shop-card h2{margin:16px 0 6px;font-size:28px}.shop-close{position:absolute;right:16px;top:16px;width:36px!important;height:36px;padding:0!important;border:1px solid rgba(98,228,255,.35)!important;border-radius:50%!important;background:#07111d!important;color:#fff!important;font-size:22px;cursor:pointer}.shop-contact{margin:12px 0 16px;padding:12px;border:1px solid rgba(98,228,255,.14);border-radius:11px;background:rgba(98,228,255,.05);color:#c8d5e2;font-size:11px;line-height:1.55}.shop-contact b{display:block;color:var(--cyan);font-size:9px;text-transform:uppercase}.shop-card p{color:#9fadc0;font-size:13px}.shop-card>button:last-child{width:100%;border:0;border-radius:12px;padding:13px;background:linear-gradient(100deg,var(--cyan),#a88aff);color:#06101a;font-weight:900}.portal{z-index:20;position:absolute;left:50%;top:50%;width:min(1180px,94vw);height:min(760px,86vh);opacity:0;visibility:hidden;transform:translate(-50%,-46%) scale(.88);padding:13px;border:1px solid rgba(98,228,255,.5);border-radius:26px;background:linear-gradient(140deg,rgba(5,24,34,.97),rgba(27,10,47,.96));box-shadow:0 0 100px rgba(98,228,255,.17),0 60px 160px rgba(0,0,0,.8);pointer-events:auto;transition:.42s}.portal.on{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.portal-head{position:absolute;left:18px;right:18px;top:-35px;display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:9px;text-transform:uppercase}.portal-head b{flex:1;color:white;font-size:13px}.portal-head button{width:36px;height:36px;border:1px solid rgba(98,228,255,.4);border-radius:50%;background:#07111d;color:white;font-size:21px}.portal iframe{width:100%;height:100%;border:0;border-radius:17px;background:#fff}.external{position:absolute;right:30px;bottom:-34px;color:var(--cyan);font-size:9px;text-decoration:none;text-transform:uppercase}.toast{position:absolute;left:50%;top:80px;opacity:0;transform:translate(-50%,-10px);padding:9px 13px;border:1px solid rgba(98,228,255,.18);border-radius:999px;background:rgba(5,12,20,.85);font-size:9px;transition:.25s}.toast.on{opacity:1;transform:translate(-50%,0)}.loading{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:#05090e;color:#92a5ba;font-size:9px;letter-spacing:.25em;text-transform:uppercase;transition:.6s}.loading.off{opacity:0;visibility:hidden}.storefront-layer{position:fixed;inset:0;z-index:2;pointer-events:none}.storefront-logo{position:absolute;display:flex;align-items:center;justify-content:center;width:clamp(180px,16vw,300px);height:clamp(118px,12vw,210px);padding:7px;border:1px solid rgba(255,255,255,.55);border-radius:7px;background:#fff;box-shadow:0 0 0 3px rgba(98,228,255,.12),0 12px 36px #0008;cursor:pointer;pointer-events:auto;overflow:hidden}.storefront-logo .retail-cover{width:100%;height:100%;object-fit:cover}.retail-identity{position:absolute;left:7px;right:7px;bottom:7px;min-height:58px;display:flex;align-items:center;gap:10px;padding:7px 9px;background:rgba(3,9,15,.96);text-align:left}.storefront-logo .retail-logo{width:48px;height:42px;object-fit:contain;background:#fff;padding:3px}.retail-identity div{min-width:0}.retail-identity strong,.retail-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retail-identity strong{font-size:12px}.retail-identity small{position:static;height:auto;padding:0;background:none;color:#b9cad8;font-size:8px}.storefront-logo>span,.storefront-logo>small{display:none}@media(max-width:760px){header{left:12px;right:12px}.logo{width:165px}.status{font-size:7px}.intro{left:12px;right:12px;top:auto;bottom:95px;width:auto;transform:none;padding:22px}.intro.off{transform:translateY(18px)}.intro p{display:none}.intro h1{font-size:50px}.portal{height:72vh}.shop-card{right:9px;top:auto;bottom:170px;transform:translateY(150%)}.shop-card.on{transform:none}}
.shop-card-kicker{display:flex;align-items:center;gap:8px;margin-top:13px;color:#90a2b7;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shop-verified{padding:5px 8px;border:1px solid rgba(98,228,255,.3);border-radius:999px;background:rgba(98,228,255,.08);color:var(--cyan)}.shop-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.55}.shop-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.shop-facts div{min-width:0;padding:10px;border:1px solid rgba(98,228,255,.13);border-radius:11px;background:rgba(98,228,255,.045)}.shop-facts small,.shop-facts strong{display:block}.shop-facts small{margin-bottom:4px;color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shop-facts strong{color:#d6e0eb;font-size:10px;line-height:1.35}.shop-card-status{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.shop-card-status span{padding:5px 8px;border-radius:999px;background:#12243a;color:#aec3d8;font-size:8px}.shop-card-actions{display:grid;grid-template-columns:.85fr 1.25fr;gap:8px}.shop-card-actions a,.shop-card-actions button{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;font-size:10px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.shop-card-actions a{border:1px solid rgba(98,228,255,.3);color:var(--cyan)}.shop-card-actions button{border:0;background:linear-gradient(100deg,var(--cyan),#a88aff);color:#06101a}@media(max-width:760px){.shop-card-kicker{padding-right:40px}.shop-facts{grid-template-columns:1fr}.shop-description{-webkit-line-clamp:2}.shop-card-actions{grid-template-columns:1fr 1fr}}

/* Physical storefront signs replace duplicate floating browser cards. */
.storefront-layer{display:block!important}


/* Compact upright wayfinding plaques keep every physical shop discoverable. */
.storefront-logo{width:clamp(126px,10vw,168px)!important;height:64px!important;padding:0!important;border:1px solid rgba(98,228,255,.5)!important;border-radius:12px!important;background:rgba(4,12,24,.93)!important;box-shadow:0 10px 28px rgba(0,0,0,.42),0 0 18px rgba(98,228,255,.12)!important;backdrop-filter:blur(12px);transition:transform .18s,box-shadow .18s,border-color .18s}
.storefront-logo:hover{border-color:#62e4ff!important;box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 24px rgba(98,228,255,.3)!important}
.storefront-logo .retail-cover{display:none!important}
.storefront-logo .retail-identity{position:static!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;padding:8px 10px!important;background:transparent!important;gap:9px!important}
.storefront-logo .retail-logo{flex:0 0 43px!important;width:43px!important;height:43px!important;border-radius:8px!important;object-fit:contain!important;background:#fff!important;padding:4px!important}
.storefront-logo .retail-identity strong{color:#fff!important;font-size:10px!important;line-height:1.15!important;white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.storefront-logo .retail-identity small{margin-top:3px!important;color:#65e8ff!important;font-size:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:760px){.storefront-logo{width:118px!important;height:55px!important}.storefront-logo .retail-identity{padding:6px 7px!important;gap:6px!important}.storefront-logo .retail-logo{flex-basis:36px!important;width:36px!important;height:36px!important}.storefront-logo .retail-identity strong{font-size:8px!important}.storefront-logo .retail-identity small{display:none!important}}