.store-map{--map-bg:var(--nd-950);--map-panel:var(--nd-900);--map-room:var(--nd-850);--map-line:var(--nd-800);--map-line-2:var(--nd-700);--map-fg:var(--nd-050);--map-mute:var(--nd-300);--map-mint:var(--mint-500);--map-mint-dim:color-mix(in srgb,var(--mint-500) 14%,transparent);--map-mint-ink:var(--mint-ink);--map-warn:#e85d5d;--map-gold:#e8913a;--map-warn-dim:color-mix(in srgb,var(--map-warn) 16%,transparent);--map-on:color-mix(in srgb,var(--mint-500) 18%,var(--nd-950));--map-on-step:color-mix(in srgb,var(--mint-500) 12%,var(--nd-950));--map-on-sec:color-mix(in srgb,var(--map-warn) 22%,var(--nd-950));--map-paper:var(--nd-050);--map-paper-ink:var(--nd-950);--map-f-body:var(--font-sans);--map-f-mono:ui-monospace,Menlo,Consolas,monospace;background:var(--map-bg);color:var(--map-fg);font-family:var(--map-f-body);font-size:15px;line-height:1.6;padding-inline:16px;padding-block:28px 40px;color-scheme:dark}.store-map *{box-sizing:border-box}.store-map .wrap{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.store-map .map-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}.store-map .eyebrow{font-family:var(--map-f-mono);font-size:12px;letter-spacing:.12em;color:var(--map-mint);text-transform:uppercase}.store-map .map-title{font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.15;margin:4px 0 6px;text-wrap:balance;letter-spacing:-.02em;color:var(--map-fg)}.store-map .map-title em{font-style:normal;color:var(--map-mint)}.store-map .lede{color:var(--map-mute);margin:0;max-width:60ch}.store-map .lede-note{color:var(--map-mute);margin:8px 0 0;max-width:60ch;font-size:13.5px}.store-map .by{font-family:var(--map-f-mono);font-size:12px;color:var(--map-mute)}.store-map .controls{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.store-map .ctl-label{font-size:12px;color:var(--map-mute);margin-right:8px;letter-spacing:.04em}.store-map .seg{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.store-map button{font:inherit;color:inherit;cursor:pointer}.store-map .chip{border:1px solid var(--map-line-2);background:transparent;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.store-map .chip:hover{border-color:var(--map-mint)}.store-map .chip[aria-pressed=true]{background:var(--map-mint);border-color:var(--map-mint);color:var(--map-mint-ink);font-weight:700}.store-map .play{border:1px solid var(--map-mint);background:var(--map-mint-dim);color:var(--map-mint);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.store-map .play:hover{background:var(--map-mint);color:var(--map-mint-ink)}.store-map .play svg{width:10px;height:10px;fill:currentColor}.store-map .toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--map-mute);cursor:pointer}.store-map .toggle input{accent-color:var(--map-warn);width:16px;height:16px}.store-map .toggle input:focus-visible,.store-map button:focus-visible{outline:2px solid var(--map-gold);outline-offset:2px}.store-map .main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width:900px){.store-map .main{grid-template-columns:1fr}}.store-map.expanded .wrap{max-width:1440px}.store-map.expanded .main{grid-template-columns:1fr}.store-map.expanded .map-header .by,.store-map.expanded .map-header .lede,.store-map.expanded .map-header .lede-note,.store-map.expanded .panel{display:none}.store-map.expanded .map-title{font-size:clamp(22px,3vw,28px)}.store-map.expanded svg.map{min-width:0}.store-map .mapbox{background:var(--map-panel);border:1px solid var(--map-line);border-radius:14px;padding:12px;min-width:0}.store-map .map-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.store-map .map-toolbar .tier-note,.store-map .map-toolbar .tier-notes{flex:1;min-width:0}.store-map .expand{flex:none;border:1px solid var(--map-line-2);background:transparent;color:var(--map-mute);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;font-family:var(--map-f-mono);display:inline-flex;gap:6px;align-items:center;letter-spacing:.02em;transition:background .15s,border-color .15s,color .15s}.store-map .expand:hover,.store-map .expand[aria-pressed=true]{border-color:var(--map-mint);color:var(--map-mint)}.store-map .expand[aria-pressed=true]{background:var(--map-mint-dim)}.store-map .expand svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.store-map .mapscroll{overflow-x:auto}.store-map svg.map{display:block;width:100%;min-width:640px;height:auto}.store-map .tier-note{font-size:13px;color:var(--map-mute);padding:4px 6px;margin:0}.store-map .tier-common{font-size:12.5px;color:var(--map-mute);padding:0 6px 10px;margin:0;opacity:.9}.store-map .tier-note b{color:var(--map-fg)}.store-map .zone{cursor:pointer;transition:opacity .25s}.store-map .zone .box{fill:var(--map-room);stroke:var(--map-line-2);stroke-width:1.5;transition:fill .2s,stroke .2s}.store-map .zone .t{fill:var(--map-fg);font-family:var(--map-f-body);font-weight:700;font-size:17px}.store-map .zone .s{fill:var(--map-mute)}.store-map .zone .n,.store-map .zone .s{font-family:var(--map-f-mono);font-size:12px}.store-map .zone .n{fill:var(--map-mint);font-weight:600}.store-map .zone .ink{fill:none;stroke:var(--map-line-2);stroke-width:1.5}.store-map .zone .soft{fill:var(--map-line)}.store-map .zone:hover .box{stroke:var(--map-mint)}.store-map .zone.on .box{fill:var(--map-on);stroke:var(--map-mint);stroke-width:2.5}.store-map .zone.on .ink{stroke:var(--map-mint)}.store-map .zone.dim{opacity:.18}.store-map .zone:focus-visible{outline:none}.store-map .zone:focus-visible .box{stroke:var(--map-gold);stroke-width:2.5}.store-map #z6 .box{fill:transparent;stroke-dasharray:6 6}.store-map #z6.on .box{fill:color-mix(in srgb,var(--mint-500) 4%,transparent)}.store-map #z8 .box{stroke:color-mix(in srgb,var(--map-warn) 45%,var(--nd-700))}.store-map #z8.on .box{fill:var(--map-on-sec);stroke:var(--map-warn)}.store-map #z8 .n{fill:var(--map-warn)}.store-map .street{stroke:var(--map-line-2);stroke-width:1.5;stroke-dasharray:2 8}.store-map .street-t{fill:var(--map-mute);font-family:var(--map-f-mono);font-size:12px}.store-map .wire{stroke:var(--map-line-2);stroke-width:1.5;stroke-dasharray:4 5;fill:none}.store-map .guest circle{fill:var(--map-fg)}.store-map .guest text{fill:var(--map-fg);font-size:14px;font-weight:700;font-family:var(--map-f-body)}.store-map #packet{fill:var(--map-gold);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--map-gold) 80%,transparent))}.store-map #packet-label{fill:var(--map-gold);font-family:var(--map-f-mono);font-size:12px;font-weight:600}.store-map .zone .illus{transition:opacity .25s}.store-map.leaking #z1 .shop-illus{opacity:.14}.store-map #leak{display:none;pointer-events:none}.store-map.leaking #leak{display:inline}.store-map #leak .k{fill:var(--map-warn)}.store-map #leak text{fill:var(--map-warn);font-size:12px;font-weight:700;font-family:var(--map-f-body)}@keyframes store-map-pulse{0%,to{opacity:1}50%{opacity:.35}}.store-map.leaking #leak .k{animation:store-map-pulse 1s infinite}.store-map .rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:10px}@media (max-width:700px){.store-map .rail{grid-template-columns:repeat(4,minmax(0,1fr))}}.store-map .step{border:1px solid var(--map-line);background:var(--map-bg);border-radius:10px;padding:8px 8px 9px;text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0;transition:border-color .15s,opacity .2s,background .15s}.store-map .step .num{font-family:var(--map-f-mono);font-size:11px;color:var(--map-mint)}.store-map .step .nm{font-size:13px;font-weight:700}.store-map .step .an,.store-map .step .nm{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-map .step .an{font-size:11.5px;color:var(--map-mute)}.store-map .step:hover{border-color:var(--map-mint)}.store-map .step[aria-current=true]{border-color:var(--map-mint);background:var(--map-on-step)}.store-map .step.dim{opacity:.3}.store-map .step.s8 .num{color:var(--map-warn)}.store-map .step.s8[aria-current=true]{border-color:var(--map-warn);background:var(--map-on-sec)}.store-map .panel{background:var(--map-panel);border:1px solid var(--map-line);border-radius:14px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px;min-width:0}.store-map .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.store-map .panel-copy{min-width:0;flex:1}.store-map .panel-illus{flex:none;width:88px;height:88px;-o-object-fit:contain;object-fit:contain;margin-top:-4px}.store-map .panel .k{font-family:var(--map-f-mono);font-size:12px;color:var(--map-mint);letter-spacing:.06em}.store-map .panel.sec .k{color:var(--map-warn)}.store-map .panel h2{margin:2px 0 0;font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1.2;color:var(--map-fg)}.store-map .panel h2 small{display:block;font-size:15px;font-weight:500;color:var(--map-mute);letter-spacing:0;margin-top:4px}.store-map dl{margin:0;display:flex;flex-direction:column;gap:12px}.store-map dl div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px}.store-map dt{font-size:12px;color:var(--map-mute);padding-top:2px;letter-spacing:.02em}.store-map dd{margin:0;font-size:14.5px;color:var(--map-fg)}.store-map .say{font-family:var(--map-f-mono);font-size:13px;background:var(--map-bg);border:1px solid var(--map-line);border-left:3px solid var(--map-mint);border-radius:6px;padding:8px 10px;color:var(--map-fg);display:block}.store-map .panel.sec .say{border-left-color:var(--map-warn)}.store-map .check{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.store-map .check li::marker{color:var(--map-warn)}.store-map .keys{display:grid;grid-template-columns:1fr;gap:8px}.store-map .keycard{border:1px solid var(--map-line-2);border-radius:8px;padding:10px;font-size:13px}.store-map .keycard b{display:block;font-size:14px}.store-map .keycard.pub b{color:var(--map-mint)}.store-map .keycard.sec b{color:var(--map-warn)}.store-map .motto{font-weight:700;font-size:15px;padding-top:12px}.store-map .motto,.store-map .step-note{border-top:1px solid var(--map-line);margin:0}.store-map .step-note{font-size:13.5px;color:var(--map-mute);padding:10px 0 0}.store-map .demo{border:1px solid var(--map-line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.store-map .demo .seg .chip{padding:4px 11px;font-size:12px;font-family:var(--map-f-mono)}.store-map .stage{min-height:132px;border-radius:8px;background:var(--map-paper);color:var(--map-paper-ink);padding:12px;font-family:Times New Roman,serif;font-size:15px}.store-map .stage h4{margin:0 0 4px;font-size:18px}.store-map .stage p{margin:0 0 8px}.store-map .stage button{font-family:inherit;font-size:14px}.store-map .stage.css{background:linear-gradient(160deg,color-mix(in srgb,var(--mint-500) 28%,var(--nd-950)),var(--nd-950));color:var(--map-fg);font-family:var(--map-f-body);border:1px solid var(--map-line-2)}.store-map .stage.css h4{font-weight:900;font-size:20px;letter-spacing:-.01em}.store-map .stage.css p{color:var(--nd-200);font-size:13px}.store-map .stage.css button{background:var(--map-mint);color:var(--map-mint-ink);border:0;border-radius:999px;padding:8px 16px;font-weight:700;font-family:var(--map-f-body)}.store-map .demo-cap{font-size:12.5px;color:var(--map-mute);margin:0}.store-map .demo-note{font-size:12px;color:var(--map-mute);margin:6px 0 0;opacity:.85}.store-map .logbox{border-top:1px solid var(--map-line);margin-top:12px;padding:10px 6px 2px}.store-map .logbox h3{font-size:12px;color:var(--map-mute);font-weight:500;margin:0 0 6px;letter-spacing:.04em}.store-map .log-hint{font-size:12.5px;color:var(--map-mute);margin:0 0 4px}.store-map .log{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:3px;font-size:13.5px;min-height:24px}.store-map .log li::marker{font-family:var(--map-f-mono);color:var(--map-gold);font-size:12px}.store-map .log li.cur{color:var(--map-gold)}.store-map .log .idle{list-style:none;margin-left:-22px;color:var(--map-mute)}.store-map .map-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--map-mute);font-size:12.5px;border-top:1px solid var(--map-line);padding-top:14px}.store-map .map-footer b{color:var(--map-fg)}@media (prefers-reduced-motion:reduce){.store-map *{transition:none!important;animation:none!important}}