@property --vh{syntax:"<percentage>";inherits:true;initial-value:0%}html:has(.store){scrollbar-width:none}html:has(.store)::-webkit-scrollbar{display:none}.store,.store *{scrollbar-width:none}.store ::-webkit-scrollbar{display:none}.store{--store-bg:#000;--store-vignette:#1da8a524;--cyan:#5cf6ff;--pink:#ff4ad2;--yellow:#bfa40e;--credits:#b9fd4a;--tick:#71ef43;--slot:#333e36;--slot-on:#fafefd;--slot-in:#0c0b09;--slot-name:#b9fc65;--cat-stroke:5px;--cat-inner:#31aba6;--cat-on:#9afffb;--hex-stroke:9px;--led-off:#1c1816;--led-on:#5cf6ff;--led-dim:#475371;--led-fade:.7s;--blink:.115s;--mono:Orbitron, sans-serif;--stamp:"Fugaz One", sans-serif;--screen-type:"Noto Sans Elbasan", sans-serif;--outer-radius:36px;--inner-radius:22px;--bezel-stroke:29px;--in-top:23px;--in-x:22px;--in-bot:36px;--scope-h:376px;--title-fit:1;--relay-speed:40;--relay-gap:60%;min-height:calc(100dvh - var(--network-h) - 1px);background:radial-gradient(ellipse at center, var(--store-vignette), transparent 70%), var(--store-bg);font-family:var(--mono);place-items:center;padding:18px;font-weight:651;line-height:normal;display:grid}.store .bezel{width:min(100%,1180px);min-height:min(calc(100dvh - var(--network-h) - 1px - 36px), 760px);padding:var(--bezel-stroke);border-radius:var(--outer-radius);corner-shape:superellipse(4);filter:drop-shadow(0 24px 50px #06141273);background:#1da8a5;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden;container-type:inline-size}.store .hazard{z-index:4;height:var(--bezel-stroke);pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:0;left:120px;right:120px}.store .ribbons{align-items:stretch;gap:9px;height:100%;display:flex}.store .ribbons i{background:var(--yellow);width:70px;height:100%;display:block}.store .ribbons.left i{clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}.store .ribbons.right i{clip-path:polygon(0 0,78% 0,100% 100%,22% 100%)}.store .screen{padding:var(--in-top) var(--in-x) var(--in-bot);border-radius:var(--inner-radius);corner-shape:superellipse(4);color:#d7fbff;background:#05080c;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:12px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 14px #0e534e,inset 0 16px 28px #0e534ea6,inset 0 0 40px #00ffdc14}.store .hud-top{z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 8px;display:flex;position:relative}.store .vendor{color:#fca026;letter-spacing:.04em;text-transform:uppercase;transform:translateY(11px) scale(calc(2.4 * var(--title-fit)));transform-origin:0 100%;margin:0;font-size:26px;font-weight:900}.store .hud-right{text-align:right}.store .node,.store .relay{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0}.store .node{opacity:.85;font-size:12.1px;translate:0 8px}.store .relay{transform-origin:100% 100%;font-size:7.92px;translate:0 6px;scale:.91}.store .board{grid-template-columns:260px 1fr;grid-template-rows:var(--scope-h) auto auto;align-content:start;gap:4px 18px;min-height:0;display:grid}.store .cats{flex-direction:column;grid-area:1/1/3;align-self:stretch;gap:8px;min-height:0;display:flex;translate:0 4px}.store .cat{--cut:10px;appearance:none;min-height:36px;padding:var(--cat-stroke);background:var(--slot);color:var(--slot);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;cursor:pointer;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));border:0;border-radius:0;flex:1;font-size:26px;font-weight:900;position:relative}.store .cat[aria-pressed=true]{color:var(--cat-on)}.store .cat .face{isolation:isolate;background:var(--cat-inner);min-width:0;height:100%;clip-path:inherit;place-items:center;padding:0 12px 0 34px;display:grid;position:relative;overflow:hidden}.store .cat .face:before{content:"";z-index:-1;background:var(--slot-in);clip-path:inherit;position:absolute;inset:2px}.store .cat .lbl{white-space:nowrap}.store .cat:before{content:"";z-index:1;background:var(--led-off);width:16px;height:16px;transition:background var(--led-fade) ease-out, box-shadow var(--led-fade) ease-out;border-radius:50%;margin-top:-8px;position:absolute;top:50%;left:12px;box-shadow:0 0 12px #0000}.store .cat:not(.is-empty):before{background:var(--led-on);box-shadow:0 0 12px var(--led-on)}.store .cat.is-empty:before{box-shadow:inset 0 0 3px 1px #000000bf}@media (hover:hover){.store .cat.is-empty:hover:before{background:var(--led-dim);box-shadow:0 0 8px var(--led-dim);transition:none}}.store .scope{background:radial-gradient(circle at 50% 60%,#123 0%,#05080c 70%);grid-area:1/2;height:100%;min-height:0;position:relative;overflow:hidden}.store .hero{object-fit:contain;filter:drop-shadow(0 0 18px #ff4ad259);width:100%;height:100%;position:absolute;inset:0}.store .stock-stamp{z-index:3;font-family:var(--stamp);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#e31b23;text-shadow:0 0 18px #e31b2373;pointer-events:none;border:5px solid #e31b23;margin:0;padding:12px 22px;font-size:clamp(28px,5vw,52px);font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.store .tick{z-index:2;background:var(--tick);width:28px;height:4px;box-shadow:0 0 8px var(--tick);pointer-events:none;position:absolute}.store .tick:after{content:"";background:inherit;width:4px;height:28px;box-shadow:inherit;position:absolute}.store .tick.tl{top:0;left:0}.store .tick.tr{top:0;right:0}.store .tick.bl{bottom:0;left:0}.store .tick.br{bottom:0;right:0}.store .tick.tl:after{top:0;left:0}.store .tick.tr:after{top:0;right:0}.store .tick.bl:after{bottom:0;left:0}.store .tick.br:after{bottom:0;right:0}.store .meta{--title-fs:clamp(22px, 3vw, 36px);--amount-fs:clamp(56px, 8vw, 96px);grid-area:2/2;grid-template-columns:1fr 11rem;align-items:start;gap:12px;min-height:118px;display:grid}.store .meta>:first-child{translate:0 calc(.103 * var(--amount-fs) + 3px - .063 * var(--title-fs))}.store .title{min-height:.82em;font-family:var(--mono);font-size:var(--title-fs);letter-spacing:.04em;text-transform:uppercase;color:#f450ec;text-shadow:0 0 12px #f450ec73;margin:0;font-weight:900;line-height:.82}.store .blurb{min-height:1.1em;font-family:var(--screen-type);letter-spacing:.04em;color:#f9f5f9;margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.1}.store .view-links{flex-wrap:wrap;gap:.2em 1.4em;margin-top:8px;display:flex}.store .view-link{--vc:color-mix(in srgb, var(--cyan) 59%, #05080c);appearance:none;color:var(--vc);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:0;padding:3px 0 8px;font-size:13px;font-weight:651;text-decoration:none;transition:--vh .8s ease-out;position:relative}.store .view-link:hover,.store .view-link:focus-visible{--vh:100%;animation:store-blink var(--blink) steps(1, end);outline:none;transition:none}.store .view-link .lit{padding:inherit;color:#f4ffff;text-shadow:0 0 8px var(--cyan);opacity:var(--vh);white-space:nowrap;pointer-events:none;position:absolute;inset:0}.store .view-link:active .lit{opacity:0}.store .view-link:hover:before,.store .view-link:hover:after,.store .view-link:focus-visible:before,.store .view-link:focus-visible:after{content:"";background:color-mix(in srgb, var(--cyan) var(--vh), var(--vc));height:1px;box-shadow:0 0 6px color-mix(in srgb, var(--cyan) var(--vh), transparent);position:absolute;left:0;right:0}.store .view-link:hover:before,.store .view-link:focus-visible:before{bottom:3px}.store .view-link:hover:after,.store .view-link:focus-visible:after{bottom:0}.store .view-link:active{color:#05080c;background:var(--cyan);text-shadow:none}.store .view-link:active:before,.store .view-link:active:after{box-shadow:none;background:#05080c}.store .view-link:disabled{--vh:0%;opacity:.35;cursor:default;text-shadow:none;transition:none;animation:none}.store .view-link:disabled:before,.store .view-link:disabled:after{content:none}@keyframes store-blink{0%,32%{opacity:1}33%,65%{opacity:0}66%,to{opacity:1}}.store .price{z-index:6;text-align:right;grid-template-columns:minmax(0,1fr);justify-items:unsafe end;min-width:0;display:grid;position:relative}.store .amount{font-family:var(--mono);font-size:var(--amount-fs);letter-spacing:-2.5px;white-space:nowrap;color:var(--credits);text-shadow:0 0 16px color-mix(in srgb, var(--credits) 40%, transparent);margin:0;font-weight:820;line-height:.9;translate:0 3px}.store .credits{letter-spacing:2px;text-transform:uppercase;color:var(--credits);margin:6px 0 0;font-size:17px;font-weight:900;translate:0 -10px}.store .actions{--actions-h:calc(148px + var(--in-bot) - 14px);grid-area:3/1/auto/-1;grid-template-columns:1fr auto;grid-template-rows:var(--actions-h);margin-bottom:calc(14px - var(--in-bot));align-items:center;gap:16px;display:grid;container-type:inline-size}.store .hexes{min-width:0;margin-top:calc((var(--actions-h) - 92px) / 2 - 6px + 7px);flex-wrap:wrap;align-self:start;align-items:flex-start;gap:10px;padding:6px 0;display:flex;translate:0 -7px}.store .slot{appearance:none;width:104px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-items:center;gap:2px;margin:0;padding:0 0 13px;font-family:inherit;display:grid;position:relative}.store .hex,.store .hex-empty{width:104px;height:92px;padding:var(--hex-stroke);background:var(--slot);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);color:var(--slot);flex:none;place-items:center;display:grid;position:relative}.store .hex img{object-fit:cover;object-position:top;width:100%;height:100%;clip-path:inherit;background:var(--slot-in)}.store .hex-empty{opacity:.55;color:#5a6e60;font-size:32px}.store .hex-empty:before{content:"";inset:var(--hex-stroke);z-index:0;background:var(--slot-in);clip-path:inherit;position:absolute}.store .hex-empty span{z-index:1;background:linear-gradient(currentColor,currentColor) 50%/100% 3px no-repeat,linear-gradient(currentColor,currentColor) 50%/3px 100% no-repeat;width:14px;height:14px;font-size:0;position:relative}.store .slot[aria-current=true] .hex,.store .slot[aria-current=true] .hex-empty{background:var(--slot-on)}.store .slot[aria-current=true] .hex-empty{opacity:1}.store .slot-name{width:100%;min-height:1.15em;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--slot-name);font-size:10px;font-weight:900;line-height:1.15;translate:0 -7px}.store .slot-owned{font-family:var(--screen-type);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#e31b23;font-size:11px;font-weight:400;line-height:1;position:absolute;top:106px;left:0;right:0}.store .cta{justify-self:end;width:min(280px,100%);min-width:0;display:grid}.store .dl{appearance:none;border:7px solid var(--pink);color:#fff;width:100%;height:93px;font-family:var(--mono);text-transform:uppercase;cursor:pointer;background:#111;grid-template-columns:minmax(0,162px) auto;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px 6px 8px;text-decoration:none;display:grid;box-shadow:0 0 18px #ff4ad273}.store .dl:disabled{opacity:.35;cursor:default}.store .dl .copy{align-self:stretch;place-items:center;min-width:0;display:grid}.store .dl .rect{justify-items:center;row-gap:2px;display:grid}.store .dl .hi,.store .dl .lo{white-space:nowrap;line-height:1}.store .dl .hi{letter-spacing:-1.2px;font-size:31px;font-weight:604}.store .dl .lo{letter-spacing:0;font-size:20.5px;font-weight:540}.store .dl .chevs{width:min(76.5px,31.1cqi - 10.574px);height:auto;fill:var(--pink);display:block;overflow:visible;translate:min(15px,6.1cqi - 2.074px);scale:.98}@keyframes store-relay-feed{0%{margin-left:0;transform:translate(-100%)}to{margin-left:calc(100% + var(--relay-gap));transform:translate(0)}}@container (width<=766px){.store .board{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr)}.store .cats{flex-flow:wrap;grid-row:1}.store .cat{min-width:150px}.store .scope{aspect-ratio:16/9;grid-area:2/1;width:100%;height:auto;min-height:200px}.store .meta{grid-area:3/1;grid-template-columns:minmax(0,1fr)}.store .meta>:first-child{translate:none}.store .price{align-content:start}.store .amount{font-size:calc(var(--amount-fs) * .6)}.store .credits{font-size:10.88px;translate:0 -5px}.store .actions{grid-area:4/1;grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-items:start;min-height:148px;margin-bottom:0}.store .hexes{margin-top:0}.store .hazard{justify-content:center;gap:9px;left:0;right:0}.store .view-link.full{margin-inline:auto}.store .vendor .wide{display:none}.store .screen{position:relative}.store .hud-top{margin-top:calc(16px - var(--in-top));flex-direction:column;align-items:stretch;gap:0;position:static}.store .hud-right{display:contents}.store .vendor{font-size:calc(26px * 2.4 * var(--title-fit));text-box:trim-both cap alphabetic;align-self:flex-start;line-height:1;transform:none}.store .node{right:calc(var(--in-x) + 8px);text-box:trim-both cap alphabetic;line-height:1;position:absolute;bottom:calc(100% - 11px);translate:none}.store .relay{margin-top:2px;margin-inline:calc(14px + 4px - var(--in-x) - 8px);text-box:trim-both cap alphabetic;text-align:left;white-space:nowrap;line-height:1;overflow:hidden;translate:none;scale:none}.store .feed{animation:store-relay-feed var(--relay-dur,10s) linear infinite;display:inline-block}}
