.inv-grid{--inv-cols: 4;--inv-cell: 56px;--inv-gap: 6px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--inv-cols),var(--inv-cell));gap:var(--inv-gap);justify-content:center;position:relative;z-index:1}.inv-grid--peek{--inv-cell: 34px;--inv-gap: 4px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:var(--inv-gap);padding:4px 6px 6px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:6px;touch-action:pan-x pan-y}.inv-grid--peek::-webkit-scrollbar{display:none}.inv-grid--peek .inv-slot{flex:none;scroll-snap-align:start}.inv-grid--peek .inv-slot__btn{padding:2px;cursor:inherit;touch-action:pan-x pan-y}.inv-grid--peek .inv-slot__face{left:-4px;bottom:-4px;transform:scale(.5)}.inv-grid--peek .inv-slot--target{outline-width:1.5px;outline-offset:-2px}.inv-grid--peek .inv-slot--more .inv-slot__btn:before{font-size:18px}.inv-grid--peek .inv-slot__count{top:0;right:2px;font-size:9px}.inv-grid--peek .inv-slot__remove{top:-3px;left:-3px;width:16px;height:16px;font-size:11px;border-width:1px}@media(pointer:coarse){.inv-grid--peek .inv-slot__remove{display:none}}@media(min-width:750px){.inv-grid--peek{--inv-cell: 40px}}.inv-slot{position:relative;width:var(--inv-cell);height:var(--inv-cell);background:#00000047;box-shadow:inset 0 2px 4px #0000008c,inset 0 -1px #ffffff0f;transition:background-color .2s ease,box-shadow .2s ease,opacity .18s ease,transform .18s ease}.inv-slot--target{outline:2px dashed rgba(248,231,189,.4);outline-offset:-3px}.inv-slot--more .inv-slot__btn:before{content:"+";display:block;font-family:var(--font-secondary--family);font-weight:700;font-size:26px;line-height:1;color:var(--scroll-s200, #f8e7bd);opacity:.5}.inv-slot--more:hover .inv-slot__btn:before{opacity:1}.inv-slot__btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:4px;border:0;background:transparent;color:inherit;cursor:var(--pointer, pointer);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.inv-slot__btn:focus-visible{outline:2px solid var(--gold-mid, #f4c542);outline-offset:-2px}.inv-slot__art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));animation:inv-slot-in .35s var(--spring-easing, ease) both;pointer-events:none}@keyframes inv-slot-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.inv-slot__face{position:absolute;left:-5px;bottom:-5px;transform:scale(.72);transform-origin:left bottom;pointer-events:none}.inv-slot__count{position:absolute;top:1px;right:3px;font-family:var(--font-secondary--family);font-weight:700;font-size:11px;line-height:1;color:var(--gold-top, #ffe9a3);text-shadow:0 1px 0 #000,0 0 3px #000;pointer-events:none}.inv-slot__remove{position:absolute;top:-4px;left:-4px;z-index:2;width:20px;height:20px;margin:0;padding:0;border:1.5px solid var(--scroll-s200, #f8e7bd);border-radius:50%;background:var(--brown-b800, #32150a);color:var(--scroll-s200, #f8e7bd);font-family:var(--font-primary--family);font-weight:700;font-size:14px;line-height:1;text-align:center;cursor:var(--pointer, pointer);box-shadow:0 1px 2px #0009;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease,transform .15s var(--spring-easing, ease),background-color .15s ease}.inv-slot__remove:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.inv-slot__remove:hover{background:var(--brown-b600, #5a2a14)}.inv-slot__remove:focus-visible{outline:2px solid var(--gold-mid, #f4c542);outline-offset:1px}@media(hover:hover)and (pointer:fine){.inv-slot__remove{opacity:0;transform:scale(.8)}.inv-slot:hover .inv-slot__remove,.inv-slot:focus-within .inv-slot__remove{opacity:1;transform:none}}.inv-slot.is-lifted .inv-slot__remove,.inv-slot.is-removing .inv-slot__remove,.inv-grid.is-dragging .inv-slot__remove{opacity:0;pointer-events:none}.inv-slot--box{background:#5a1e8259}.inv-slot--sourup{background:linear-gradient(135deg,#7a2ec98c,#3a1462bf);box-shadow:inset 0 0 0 1px #ac38f480,inset 0 2px 4px #00000059}.inv-slot.is-pending{opacity:.6}.inv-slot.is-removing{opacity:0;transform:scale(.9)}.inv-slot.is-lifted .inv-slot__art,.inv-slot.is-lifted .inv-slot__face,.inv-slot.is-lifted .inv-slot__count{opacity:.3}.inv-slot.is-over{background:#f8e7bd38;box-shadow:inset 0 0 0 2px var(--scroll-s200, #f8e7bd),inset 0 2px 4px #00000059}.inv-grid.is-dragging .inv-slot__btn{cursor:var(--pointer, grabbing)}.inv-caption{margin:0;font-family:var(--font-secondary--family);font-weight:700;font-size:12px;line-height:1.3;text-align:center;color:var(--scroll-s200, #f8e7bd);position:relative;z-index:1}.inv-caption .sb-pill{margin-left:6px;padding:2px 8px;font-size:10px;vertical-align:middle}.inv-chat{margin:0;min-height:1.3em;font-family:var(--font-secondary--family);font-size:13px;line-height:1.3;color:var(--gold-top, #ffe9a3);text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.6);opacity:0;transition:opacity .25s ease;position:relative;z-index:1}.inv-chat.is-in{opacity:1}.inv-chat[hidden]{display:none}.inv-toast{position:fixed;left:50%;bottom:calc(var(--builder-sticky-h, 0px) + 14px);z-index:401;max-width:min(420px,calc(100vw - 24px));padding:8px 14px;transform:translate(-50%);background:#32150ae6;box-shadow:0 0 0 1px #f8e7bd4d,0 6px 14px #00000073;text-align:center;pointer-events:none}.inv-menu{position:fixed;z-index:400;min-width:168px;max-width:min(280px,calc(100vw - 16px));padding:6px 4px 4px;--panel-corner-size: 6px;--panel-background: linear-gradient(var(--brown-b800, #32150a), var(--brown-b800, #32150a));color:var(--scroll-s200, #f8e7bd);font-family:var(--font-secondary--family);filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));transform:scale(.96);opacity:0;transition:transform .15s var(--spring-easing, ease),opacity .15s ease}.inv-menu.is-in{transform:none;opacity:1}.inv-menu[hidden]{display:none}.inv-menu>:not(.panel-bg){position:relative;z-index:1}.inv-menu__title{margin:0;padding:2px 10px 4px;font-family:var(--font-primary--family);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-mid, #f4c542);border-bottom:1px solid rgba(248,231,189,.25)}.inv-menu__title:empty{display:none}.inv-menu__items{display:flex;flex-direction:column}.inv-menu__item{display:block;width:100%;min-height:40px;padding:8px 12px;border:0;background:transparent;color:inherit;font:inherit;font-size:15px;text-align:left;cursor:var(--pointer, pointer)}.inv-menu__item.is-primary{font-weight:700}.inv-menu__item:hover,.inv-menu__item:focus-visible{background:var(--brown-b500, #4f291b);color:var(--scroll-s100, #faeed1);outline:none}.inv-menu__item:disabled{opacity:.45;cursor:default}.inv-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:402;display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--font-secondary--family);color:var(--brown-b800, #32150a)}.inv-card[hidden]{display:none}.inv-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .2s ease}.inv-card.is-open .inv-card__scrim{opacity:1}.inv-card__panel{position:relative;width:min(360px,100%);max-height:calc(100vh - 32px);max-height:calc(100svh - 32px);overflow-y:auto;padding:22px 20px 20px;--panel-corner-size: 14px;--panel-background: radial-gradient(ellipse at center, #f8e7bd 0%, #f0d9a3 100%);filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));transform:translateY(12px) scale(.96);opacity:0;transition:transform .22s var(--spring-easing, ease),opacity .2s ease;outline:none}.inv-card.is-open .inv-card__panel{transform:none;opacity:1}.inv-card__panel>:not(.panel-bg){position:relative;z-index:1}.inv-card__close{position:absolute;top:6px;right:6px;width:40px;height:40px;border:0;background:transparent;background-image:var(--plus);background-repeat:no-repeat;background-position:50%;background-size:22px 22px;transform:rotate(45deg);cursor:var(--pointer, pointer);z-index:2}.inv-card__media{display:flex;justify-content:center;margin:0 0 6px}.inv-card__art{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.inv-card__art[hidden]{display:none}.inv-card__body{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.inv-card__pill{font-size:10px}.inv-card__title{margin:0;font-family:var(--font-primary--family);font-size:var(--fs-h3, 22px);line-height:1.1}.inv-card__price{margin:0;font-weight:700;font-size:var(--fs-16, 16px);color:var(--brown-b300, #82442c)}.inv-card__price s{color:var(--brown-b100, #b79385);font-weight:400;margin-right:4px}.inv-card__price-note{font-weight:400;font-size:var(--fs-13, 13px);color:var(--green-g800, #295b00)}.inv-card__level{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-14, 14px)}.inv-card__level b{color:var(--zone, var(--brown-b800, #32150a))}.inv-card__face{position:static}.inv-card__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.inv-card__chips li{padding:2px 9px;border:1px solid var(--brown-b800, #32150a);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.inv-card__examine{margin:4px 0 0;font-style:italic;font-size:var(--fs-14, 14px);line-height:1.4;color:var(--brown-b500, #4f291b)}.inv-card__note{margin:0;font-size:var(--fs-13, 13px);color:var(--brown-b500, #4f291b)}.inv-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:10px}.inv-card__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:var(--fs-13, 13px);text-align:center;overflow:hidden}.inv-card__btn.is-primary{grid-column:1 / -1;background:linear-gradient(86deg,var(--green-g800, #295b00) 5%,var(--green-g400, #68b32c) 50%,var(--green-g800, #295b00) 95%);background-size:200% 100%;border-color:var(--green-g100, #c2ff90);box-shadow:0 0 0 2px var(--green-g800, #295b00);color:var(--scroll-s100, #faeed1);text-shadow:0 1px 0 var(--green-g800, #295b00)}.inv-card__btn.is-quiet{grid-column:1 / -1;background:transparent;color:var(--brown-b800, #32150a);box-shadow:none;border-color:var(--brown-b800, #32150a)}.inv-card__btn:disabled{opacity:.5;cursor:default}.inv-card__btn .decorated-button-alt__sparks{position:absolute;right:0;top:0;width:60px;height:100%;animation:none}@media(hover:hover){.inv-card__btn:hover:not(:disabled) .decorated-button-alt__sparks{animation:.7s steps(10,end) forwards pill-btn-sparks}}.inv-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.inv-ghost{position:fixed;left:0;top:0;z-index:401;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55));transform-origin:center;will-change:transform;transition:transform .25s ease,opacity .25s ease}.inv-ghost.is-lifted{transition:none}.inv-ghost.is-returning{transition:transform .25s ease,opacity .25s ease}.inv-fly{position:fixed;left:0;top:0;z-index:401;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));will-change:transform,opacity}.inv-fly.is-flying{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease}.is-lifted[data-tile]{opacity:.55}body.inv-dragging{cursor:var(--pointer, grabbing);-webkit-user-select:none;user-select:none}body.inv-dragging *{-webkit-user-select:none;user-select:none}[data-pack-toggle].is-over{transform:scale(1.18);filter:drop-shadow(0 0 6px var(--gold-mid, #f4c542))}@media(prefers-reduced-motion:reduce){.inv-slot,.inv-slot__art,.inv-chat,.inv-menu,.inv-card__scrim,.inv-card__panel,.inv-ghost,.inv-fly.is-flying,[data-pack-toggle].is-over{animation:none;transition:none}.inv-card__btn:hover .decorated-button-alt__sparks{animation:none}}.inv-card[data-kind=sourup] .inv-card__panel{--panel-background: var(--sourup-panel, linear-gradient(135deg, #3a1462 0%, #5b1f9c 55%, #7a2ec9 100%));color:var(--scroll-s200, #f8e7bd)}.inv-card[data-kind=sourup] .inv-card__panel :is(.inv-card__title,.inv-card__price,.inv-card__price-note,.inv-card__level,.inv-card__examine,.inv-card__note){color:var(--scroll-s200, #f8e7bd);text-shadow:0 1px 0 rgba(0,0,0,.45)}
/*# sourceMappingURL=/cdn/shop/t/74/assets/inventory.css.map */