#route-shop{--well: #0e3a37;--well-edge: #0a2c2a}#route-shop .shop-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-inline:calc(var(--gutter) * -1);padding:.6rem var(--gutter);background:var(--ground);border-bottom:1px solid var(--line)}#route-shop .shop-purse{display:flex;align-items:baseline;gap:.4rem;margin:0;padding-right:.85rem;border-right:1px solid var(--line)}#route-shop .shop-balance{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--cloth)}#route-shop .shop-purse-lab{font-size:.775rem;font-weight:600;color:var(--ink-2)}#route-shop .shop-more{gap:.3rem}#route-shop .shop-more-plus{display:none}#route-shop .shop-more-plus svg{width:15px;height:15px}#route-shop .shop-chev{display:inline-flex;transition:transform .15s var(--ease)}#route-shop .shop-chev svg{width:14px;height:14px}#route-shop .shop-more[aria-expanded=true] .shop-chev{transform:rotate(180deg)}#route-shop .shop-tabs{margin-left:auto}#route-shop .shop-packs{margin-top:.9rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-1)}#route-shop .pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:.5rem;margin:0;padding:0;list-style:none}#route-shop .pack-grid>li{display:flex}#route-shop .pack{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.35rem;padding:.55rem .7rem;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--ground);font:inherit;text-align:left;cursor:pointer;transition:border-color .13s var(--ease),box-shadow .13s var(--ease),transform 90ms var(--ease)}#route-shop .pack:hover:not(:disabled){border-color:var(--cloth);box-shadow:var(--shadow-1);transform:translateY(-1px)}#route-shop .pack:active:not(:disabled){transform:translateY(0)}#route-shop .pack:disabled{cursor:progress;opacity:.6}#route-shop .pack-credits{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700;color:var(--ink)}#route-shop .pack-lab{font-size:.75rem;font-weight:600;color:var(--ink-3)}#route-shop .pack-price{font-family:var(--mono);font-size:.85rem;font-weight:700;color:var(--cloth)}#route-shop .shop-note{margin:.9rem 0 0;padding:.55rem .8rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);font-size:.85rem;color:var(--ink-2)}#route-shop .shop-note.bad{border-color:#e3bdb7;background:#fdf4f3;color:var(--loss)}#route-shop .shelf{margin-top:clamp(1.1rem,.8rem + 1vw,1.75rem)}#route-shop .shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}#route-shop .shelf-head h2{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.015em;color:var(--ink)}#route-shop .shelf-head .cap-line{color:var(--ink-2)}#route-shop .shop-grid{display:grid;gap:.7rem}#route-shop .grid-cue,#route-shop .grid-table{grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr))}#route-shop .grid-item{grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr))}#route-shop .set-tile{display:grid;gap:.3rem;padding:.5rem .55rem .6rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .13s var(--ease),box-shadow .13s var(--ease),transform .13s var(--ease)}#route-shop .set-tile:hover{border-color:#bccdcb;box-shadow:var(--shadow-2);transform:translateY(-1px)}#route-shop .set-tile:active{transform:translateY(0)}#route-shop .set-tile[data-state=all]{background:linear-gradient(180deg,#f4f9f8,var(--surface));border-color:#c3d6d3}#route-shop .tile-art{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;border-radius:var(--r-sm);background:var(--well);border:1px solid var(--well-edge)}#route-shop .tile-art[data-art=cue]{height:3.5rem}#route-shop .tile-art[data-art=cue] .cue-art{flex:none;width:350%;max-width:none;height:auto}#route-shop .tile-art[data-art=table]{aspect-ratio:512 / 284;padding:0;background:none;border-color:var(--line-soft)}#route-shop .table-art{display:block;width:100%;height:100%;border-radius:calc(var(--r-sm) - 1px)}#route-shop .tile-art[data-art=gone]{height:3.5rem}#route-shop .tile-art[data-art=gone] img{display:none}#route-shop .tile-line{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-top:.15rem}#route-shop .tile-name{font-size:.92rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#route-shop .tile-price{flex:none;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700;color:var(--cloth)}#route-shop .tile-cr{margin-left:.15em;font-size:.72em;font-weight:600;color:var(--ink-3)}#route-shop .tile-owned,#route-shop .owned-mark,#route-shop .detail-owned{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--win)}#route-shop .tile-owned svg,#route-shop .owned-mark svg,#route-shop .detail-owned svg{width:14px;height:14px;flex:none}#route-shop .detail-owned{font-size:.9rem}#route-shop .tile-sub{font-size:.775rem;font-weight:600;color:var(--ink-2)}#route-shop .tile-nope{font-size:.78rem;font-weight:600;color:var(--ink-3)}#route-shop .tile-reward{font-size:.78rem;font-weight:600;color:var(--brass)}#route-shop .skel-bar{height:3.1rem;border-bottom:1px solid var(--line)}#route-shop .set-tile.skel{height:8.5rem;cursor:default;background:var(--ground-2);border-color:var(--line-soft);box-shadow:none}#route-shop .detail{margin-top:clamp(1.1rem,.8rem + 1vw,1.75rem);display:grid;gap:1rem 1.5rem;align-items:start}#route-shop .detail-nav{grid-column:1 / -1}#route-shop .detail[data-kind=table]{grid-template-columns:minmax(0,1.15fr) minmax(min(100%,19rem),1fr)}#route-shop .detail-art{padding:.75rem .85rem;border-radius:var(--r);background:var(--well);border:1px solid var(--well-edge);box-shadow:var(--shadow-2)}#route-shop .detail[data-kind=cue] .detail-art{grid-column:1 / -1}#route-shop .detail-art[data-art=table]{padding:0;background:none;border-color:var(--line);overflow:hidden}#route-shop .detail-art .cue-art{display:block;width:100%;height:auto}#route-shop .detail-art .trail-art{display:block;width:100%;height:auto;margin-top:.65rem;border-radius:var(--r-sm);border:1px solid var(--line)}#route-shop .detail-art[data-arrive]{animation:shop-arrive .22s var(--ease) both}@keyframes shop-arrive{0%{opacity:0;transform:scale(.985)}}#route-shop .detail-cap{margin:.55rem 0 0;font-size:.775rem;font-weight:600;color:#9fb8b5}#route-shop .detail-art[data-art=table] .detail-cap{padding:.5rem .7rem .6rem;margin:0;color:var(--ink-2);background:var(--surface);border-top:1px solid var(--line)}#route-shop .detail-name{margin:0;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);font-weight:800;letter-spacing:-.025em;color:var(--ink)}#route-shop .detail-name:focus{outline:none}#route-shop .detail-meta{margin:.2rem 0 0;font-size:.8rem;font-weight:600;color:var(--ink-2)}#route-shop .detail-trail{margin:.7rem 0 0;padding:.5rem .7rem;border-radius:var(--r-sm);border:1px solid #cfe0dd;background:#eef6f5;font-size:.82rem;color:var(--ink-2)}#route-shop .piece-list{display:grid;gap:.4rem;margin-top:.9rem}#route-shop .detail[data-kind=cue] .piece-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}#route-shop .piece{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .4rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}#route-shop .piece[data-owned="1"]{background:#f6faf9}#route-shop .piece-pick{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;padding:.15rem;border:0;border-radius:5px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}#route-shop .piece-pick:hover .piece-name{color:var(--cloth)}#route-shop .piece-pick[aria-pressed=true]{background:#e6f1ef}#route-shop .piece-pick[aria-pressed=true] .piece-name{color:var(--cloth)}#route-shop .piece-words{display:grid;min-width:0}#route-shop .piece-name{font-size:.86rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .13s var(--ease)}#route-shop .piece-slot{font-size:.735rem;font-weight:600;color:var(--ink-2)}#route-shop .piece-act{flex:none}#route-shop .detail-foot{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line-soft)}#route-shop .detail-short{font-size:.85rem;font-weight:700;color:var(--loss)}#route-shop .ware{display:grid;grid-template-rows:auto 1fr auto;gap:.35rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-1)}#route-shop .ware[data-owned="1"]{border-color:#c3d6d3;background:linear-gradient(180deg,#f4f9f8,var(--surface))}#route-shop .ware-top{display:flex;align-items:center;gap:.55rem;min-width:0}#route-shop .ware-words{display:grid;min-width:0}#route-shop .ware-name{font-size:.92rem;font-weight:700;color:var(--ink)}#route-shop .ware-slot{font-size:.735rem;font-weight:600;color:var(--ink-2)}#route-shop .ware-note{font-size:.8rem;line-height:1.45;color:var(--ink-2)}#route-shop .ware-note:empty{display:none}#route-shop .ware-foot{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.15rem}#route-shop .ware-swatch{display:inline-grid;place-items:center;flex:none;width:2rem;height:2rem;font-size:1.1rem;line-height:1;border-radius:50%;background:var(--ground-2);border:1px solid var(--line-soft)}#route-shop .flag-swatch{width:100%;height:100%;object-fit:cover;border-radius:50%}#route-shop .ware-swatch[data-rarity=premium]{border-color:#c9a24a}#route-shop .ware-swatch[data-rarity=earned]{border-color:var(--cloth);background:#e6f1ef}@media(max-width:720px){#route-shop .shop-bar{gap:.5rem;flex-wrap:nowrap}#route-shop .shop-purse{flex:none;padding-right:.55rem}#route-shop .shop-balance{font-size:1.05rem}#route-shop .shop-purse-lab{display:none}#route-shop .shop-more{flex:none;padding:.35rem;border-radius:999px}#route-shop .shop-more-lab,#route-shop .shop-chev{display:none}#route-shop .shop-more-plus{display:inline-flex}#route-shop .shop-tabs{flex:1;min-width:0;margin-left:0;overflow-x:auto;overscroll-behavior-x:contain;flex-wrap:nowrap;scrollbar-width:none}#route-shop .shop-tabs::-webkit-scrollbar{display:none}#route-shop .shop-tabs button{white-space:nowrap}#route-shop .grid-cue,#route-shop .grid-table,#route-shop .grid-item{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr))}#route-shop .detail[data-kind=table]{grid-template-columns:minmax(0,1fr)}#route-shop .detail-foot{justify-content:stretch}#route-shop .detail-foot .btn.brass{flex:1;justify-content:center}}@media(prefers-reduced-motion:reduce){#route-shop .detail-art{animation-duration:.01ms}}