@layer components{:root{--gb-paper:var(--rb-paper-raised);--gb-well:var(--rb-paper);--gb-ink:var(--rb-ink);--gb-ink-soft:var(--rb-ink-soft);--gb-line:var(--rb-line);--gb-line-strong:var(--rb-line-strong);--gb-accent:var(--rb-accent);--gb-accent-ink:var(--rb-accent-ink);--gb-accent-wash:var(--rb-accent-wash);--gb-warn:color-mix(in srgb, var(--rb-kraft) 55%, var(--rb-ink));--gb-slot:5rem}html.dark{--gb-paper:var(--rb-dark-paper-raised);--gb-well:var(--rb-dark-paper);--gb-ink:var(--rb-dark-ink);--gb-ink-soft:color-mix(in srgb, var(--rb-dark-ink) 72%, var(--rb-dark-paper));--gb-line:var(--rb-dark-line);--gb-line-strong:color-mix(in srgb, var(--rb-dark-line) 60%, var(--rb-dark-ink));--gb-accent:color-mix(in srgb, var(--rb-accent) 55%, var(--rb-dark-ink));--gb-accent-ink:var(--rb-dark-paper);--gb-accent-wash:color-mix(in srgb, var(--rb-accent) 22%, var(--rb-dark-paper-raised));--gb-warn:color-mix(in srgb, var(--rb-kraft) 70%, white)}.gb{gap:var(--rb-space-3);padding:var(--rb-space-4);color:var(--gb-ink);background:var(--gb-paper);border:1px solid var(--gb-line);border-radius:var(--rb-radius);box-shadow:var(--rb-shadow-card);flex-direction:column;display:flex;container-type:inline-size}.gb--sheet{box-shadow:none;border:0;border-radius:0;padding:0}.gb-head{align-items:center;gap:var(--rb-space-3);display:flex}.gb-head__art{flex-shrink:0;width:2.75rem;height:2.75rem}.gb-head__title{font-family:var(--rb-font-display);font-size:var(--rb-text-lg);font-weight:var(--rb-weight-medium);line-height:var(--rb-leading-snug);margin:0}.gb-head__count{font-size:var(--rb-text-xs);font-variant-numeric:lining-nums tabular-nums;color:var(--gb-ink-soft);margin-left:auto}.gb-slots{grid-template-columns:repeat(auto-fill, minmax(var(--gb-slot), 1fr));gap:var(--rb-space-2);margin:0;padding:0;list-style:none;display:grid}.gb-slot{justify-content:flex-start;align-items:center;gap:var(--rb-space-1);width:100%;min-width:0;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.gb-slot__well{aspect-ratio:1;background:var(--gb-well);border:1px solid var(--gb-line-strong);border-radius:var(--rb-radius-sm);width:100%;transition:border-color var(--rb-duration-fast) var(--rb-ease);place-items:center;display:grid;position:relative}.gb-slot__img{object-fit:contain;width:82%;height:82%}.gb-slot:hover .gb-slot__well{border-color:var(--gb-ink-soft)}.gb-slot[aria-pressed=true] .gb-slot__well{border-color:var(--gb-ink);outline:1px solid var(--gb-ink);outline-offset:-2px}.gb-slot:focus-visible{outline:none}.gb-slot:focus-visible .gb-slot__well{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-slot__qty{right:var(--rb-space-1);bottom:var(--rb-space-1);min-width:1.5rem;padding:0 var(--rb-space-1);font-family:var(--rb-font-data);font-size:var(--rb-text-xs);font-variant-numeric:lining-nums tabular-nums;text-align:center;color:var(--gb-paper);background:var(--gb-ink);border-radius:var(--rb-radius-xs);line-height:1.5;position:absolute}.gb-slot__price{max-width:100%;font-size:var(--rb-text-xs);font-variant-numeric:lining-nums tabular-nums;color:var(--gb-ink-soft);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.gb-slot__left{max-width:100%;margin-top:calc(var(--rb-space-1) * -1);font-size:var(--rb-text-xs);color:var(--gb-warn);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.gb-slot--empty .gb-slot__well{border:1.5px dashed var(--gb-line-strong);background:0 0}.gb-slot--empty .gb-slot__well:after{content:"";aspect-ratio:1;background:linear-gradient(var(--gb-line-strong), var(--gb-line-strong)) center / 100% 1.5px no-repeat, linear-gradient(var(--gb-line-strong), var(--gb-line-strong)) center / 1.5px 100% no-repeat;opacity:.8;width:28%}.gb-detail{gap:var(--rb-space-2) var(--rb-space-3);padding:var(--rb-space-3);background:var(--gb-well);border:1px solid var(--gb-line);border-radius:var(--rb-radius-sm);grid-template-columns:auto 1fr;align-items:center;display:grid}.gb-detail__art{width:3.5rem;height:3.5rem}.gb-detail__name{font-size:var(--rb-text-sm);font-weight:var(--rb-weight-medium);line-height:var(--rb-leading-snug);margin:0}.gb-detail__meta{gap:var(--rb-space-1) var(--rb-space-3);font-size:var(--rb-text-xs);color:var(--gb-ink-soft);font-variant-numeric:lining-nums tabular-nums;flex-wrap:wrap;margin:0;display:flex}.gb-detail__actions{align-items:center;gap:var(--rb-space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.gb-step{justify-content:center;align-items:center;gap:var(--rb-space-1);min-width:3rem;min-height:3rem;padding:0 var(--rb-space-3);font-size:var(--rb-text-base);color:var(--gb-ink);background:var(--gb-paper);border:1px solid var(--gb-line-strong);border-radius:var(--rb-radius-sm);cursor:pointer;touch-action:manipulation;display:inline-flex}.gb-step:hover{border-color:var(--gb-ink-soft)}.gb-step:disabled{cursor:not-allowed;opacity:.45}.gb-step:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-step--quiet{text-underline-offset:.2em;background:0 0;border-color:#0000;margin-left:auto;text-decoration:underline}.gb-earns{align-items:center;gap:var(--rb-space-1);font-size:var(--rb-text-xs);color:var(--gb-ink);display:inline-flex}.gb-earns__seal{width:1.25rem;height:1.25rem}.gb-empty{font-size:var(--rb-text-sm);line-height:var(--rb-leading-snug);color:var(--gb-ink-soft);margin:0}.gb-empty strong{color:var(--gb-ink);font-weight:var(--rb-weight-medium);display:block}.gb-recs{gap:var(--rb-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gb-recs__title{margin:0 0 var(--rb-space-2);font-size:var(--rb-text-xs);font-weight:var(--rb-weight-medium);color:var(--gb-ink-soft)}.gb-rec{align-items:center;gap:var(--rb-space-3);padding:var(--rb-space-2) var(--rb-space-3) var(--rb-space-2) var(--rb-space-2);background:var(--gb-accent-wash);border-radius:var(--rb-radius-sm);box-shadow:var(--rb-shadow-hairline-accent-soft);grid-template-columns:3rem 1fr;display:grid}.gb-rec__art{width:3rem;height:3rem}.gb-rec__name{font-size:var(--rb-text-sm);font-weight:var(--rb-weight-medium);line-height:var(--rb-leading-snug);margin:0}.gb-rec__why{font-size:var(--rb-text-xs);line-height:var(--rb-leading-snug);color:var(--gb-ink-soft);margin:0}.gb-rec__go{justify-content:center;justify-self:start;align-items:center;gap:var(--rb-space-1);min-height:3rem;padding:0 var(--rb-space-3);font-size:var(--rb-text-base);font-weight:var(--rb-weight-medium);color:var(--gb-accent);background:var(--gb-paper);border:1.5px solid var(--gb-accent);border-radius:var(--rb-radius-sm);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color var(--rb-duration-fast) var(--rb-ease), color var(--rb-duration-fast) var(--rb-ease);grid-column:2;text-decoration:none;display:inline-flex}.gb-rec__go:hover{color:var(--gb-accent-ink);background:var(--gb-accent)}.gb-rec__go:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb-rec__go--line,.gb-rec__go--line:hover{color:var(--gb-ink);background:var(--gb-paper);border-color:var(--gb-line-strong)}.gb-check{padding:var(--rb-space-2) var(--rb-space-3);border:1px solid var(--gb-line);border-radius:var(--rb-radius-sm);margin:0}.gb-check__title{font-size:var(--rb-text-xs);font-weight:var(--rb-weight-medium);color:var(--gb-ink-soft);margin:0}.gb-check__rows{margin:0;padding:0;list-style:none;display:grid}.gb-check__row{align-items:center;gap:var(--rb-space-2);min-height:2.75rem;font-size:var(--rb-text-sm);display:flex}.gb-check__row+.gb-check__row{border-top:1px solid var(--gb-line)}.gb-check__mark{width:1.25rem;height:1.25rem;color:var(--gb-accent);border:1.5px solid var(--gb-line-strong);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.gb-check__row[data-state=packed] .gb-check__mark,.gb-check__row[data-state=own] .gb-check__mark{border-color:var(--gb-accent)}.gb-check__state{font-size:var(--rb-text-xs);color:var(--gb-ink-soft);margin-left:auto}.gb-check__own{align-items:center;gap:var(--rb-space-2);min-height:2.75rem;font-size:var(--rb-text-xs);color:var(--gb-ink-soft);cursor:pointer;margin-left:auto;display:inline-flex}.gb-check__own input{width:1.125rem;height:1.125rem;accent-color:var(--gb-accent)}.gb-ready{align-items:center;gap:var(--rb-space-3);padding:var(--rb-space-3);background:var(--gb-accent-wash);border-radius:var(--rb-radius-sm);font-size:var(--rb-text-sm);margin:0;display:flex}.gb-ready strong{font-weight:var(--rb-weight-medium);display:block}.gb-ready__seal{flex-shrink:0;width:2.5rem;height:2.5rem}.gb-foot{gap:var(--rb-space-2);padding-top:var(--rb-space-3);border-top:1px solid var(--gb-line);flex-direction:column;display:flex}.gb-total{justify-content:space-between;align-items:baseline;gap:var(--rb-space-3);margin:0;display:flex}.gb-total__label{font-size:var(--rb-text-sm);color:var(--gb-ink-soft)}.gb-total__amount{font-size:var(--rb-text-lg);font-weight:var(--rb-weight-medium);font-variant-numeric:lining-nums tabular-nums}.gb-total__note{font-size:var(--rb-text-xs);line-height:var(--rb-leading-snug);color:var(--gb-ink-soft);margin:0}.gb-sheet{z-index:var(--rb-z-sheet);will-change:transform;max-height:88dvh;font-family:var(--rb-font-text);color:var(--gb-ink);background:var(--gb-paper);border-radius:var(--rb-radius-lg) var(--rb-radius-lg) 0 0;box-shadow:var(--rb-shadow-modal);flex-direction:column;display:flex;position:fixed;inset:auto 0 0}@media (width>=600px){.gb-sheet{border-radius:0;width:min(26rem,100vw);max-height:none;inset:0 0 0 auto}}.gb-sheet__scrim{z-index:var(--rb-z-scrim);background:var(--rb-scrim);border:0;position:fixed;inset:0}.gb-sheet__bar{justify-content:space-between;align-items:center;gap:var(--rb-space-3);padding:var(--rb-space-3) var(--rb-space-4);border-bottom:1px solid var(--gb-line);display:flex}.gb-sheet__heading{font-family:var(--rb-font-display);font-size:var(--rb-text-lg);font-weight:var(--rb-weight-medium);margin:0}.gb-sheet__close{width:2.75rem;height:2.75rem;color:var(--gb-ink-soft);border-radius:var(--rb-radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.gb-sheet__close:focus-visible{outline:2px solid var(--gb-accent);outline-offset:-2px}.gb-sheet__body{overscroll-behavior:contain;min-height:0;padding:var(--rb-space-4);flex:1;overflow-y:auto}.gb-sheet__cart{justify-content:space-between;align-items:center;gap:var(--rb-space-3);margin:0 0 var(--rb-space-4);padding:var(--rb-space-3);font-size:var(--rb-text-sm);background:var(--gb-well);border-radius:var(--rb-radius-sm);display:flex}.gb-add{justify-content:center;align-items:center;gap:var(--rb-space-1);min-width:3rem;min-height:3rem;padding:0 var(--rb-space-3);font-size:var(--rb-text-base);font-weight:var(--rb-weight-medium);color:var(--gb-accent);background:var(--gb-paper);border:1.5px solid var(--gb-accent);border-radius:var(--rb-radius-sm);cursor:pointer;touch-action:manipulation;transition:background-color var(--rb-duration-fast) var(--rb-ease), color var(--rb-duration-fast) var(--rb-ease);display:inline-flex}.gb-add:hover,.gb-add[data-packed=true]{color:var(--gb-accent-ink);background:var(--gb-accent)}.gb-add:focus-visible{outline:2px solid var(--gb-ink);outline-offset:2px}.gb-add:disabled{cursor:not-allowed;opacity:.5}.gb-add[data-packed=true]:disabled{cursor:default;opacity:1}.gb-add__qty{font-variant-numeric:lining-nums tabular-nums}.gb-market{container-type:inline-size}.gb-market__layout{gap:var(--rb-space-3);flex-direction:column;display:flex}@container (width>=52rem){.gb-market__layout{align-items:start;gap:var(--rb-space-4);grid-template-columns:minmax(0,1fr) 20rem;display:grid}.gb-market__pack{top:calc(var(--hud-chrome-top,64px) + var(--rb-space-4));grid-area:1/2;position:sticky}.gb-market__board{grid-area:1/1}}.gb-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}