.liveBox{background:var(--live-bg-gradient);position:relative}.liveBox:before{content:"";background:linear-gradient(to bottom, var(--live-border-color), #0000 90%);-webkit-mask-composite:xor;pointer-events:none;border-radius:8px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liveBox.selected:before{background:var(--live-border-color)}.liveBox.liveBox--interactive:after{content:"";background:var(--live-border-color);opacity:0;-webkit-mask-composite:xor;pointer-events:none;border-radius:8px;padding:1px;transition:opacity .16s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liveBox.liveBox--interactive:hover:after,.liveBox.liveBox--interactive:focus-visible:after{opacity:.8}.liveBox.liveBox--interactive:focus-visible{outline:2px solid var(--live-border-color);outline-offset:3px}.liveBox.liveBox--interactive.selected:after{opacity:1;padding:2px}.liveBox.liveBox--inventory-selected:after{background:var(--color-brand-primary);opacity:1;padding:2px}.liveBox .inventory-card-action-shelf{border:1px solid var(--color-base-3);background:color-mix(in srgb, var(--color-base-1) 94%, transparent);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9px;align-items:center;gap:4px;padding:4px;transition:opacity .16s ease-out,transform .16s ease-out;display:none;position:absolute;bottom:6px;left:6px;right:6px;transform:translateY(10px);box-shadow:0 8px 24px #00000052}.liveBox .inventory-card-touch-action{pointer-events:auto;position:absolute;bottom:10px;right:10px}.liveBox.liveBox--context-reveal{cursor:default}.liveBox.liveBox--context-reveal .liveBox__visual{transition:filter .18s ease-out,opacity .18s ease-out}.liveBox.liveBox--context-reveal .liveBox__context-reveal{z-index:10;background:var(--color-scrim);opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:8px;transition:opacity .18s ease-out;display:flex;position:absolute;inset:0}.liveBox .liveBox__context-action{outline:none;display:block}.liveBox .liveBox__context-composition{width:82px;height:82px;position:relative}.liveBox .liveBox__context-action--source{border-radius:12px;width:82px;height:82px;transition:transform .14s ease-out}.liveBox .liveBox__context-action--source:hover{transform:scale(1.02)}.liveBox .liveBox__context-action--profile-badge{border:2px solid var(--color-base-1);border-radius:999px;width:30px;height:30px;position:absolute;top:-5px;left:-5px;overflow:hidden;box-shadow:0 4px 12px #0000006b}.liveBox .liveBox__context-action--profile-standalone{border:1px solid color-mix(in srgb, var(--live-border-color) 72%, white);border-radius:999px;width:48px;height:48px;overflow:hidden;box-shadow:0 8px 18px #00000057}.liveBox .liveBox__context-action:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.liveBox.liveBox--context-reveal:focus-within .liveBox__visual,.liveBox.liveBox--context-reveal[data-tap-revealed] .liveBox__visual{filter:blur(2px)brightness(.58);opacity:.76}.liveBox.liveBox--context-reveal:focus-within .liveBox__context-reveal,.liveBox.liveBox--context-reveal[data-tap-revealed] .liveBox__context-reveal{opacity:1;pointer-events:auto}@media (any-hover:hover) and (any-pointer:fine){.liveBox .inventory-card-action-shelf{display:flex}.liveBox:hover .inventory-card-action-shelf,.liveBox:focus-within .inventory-card-action-shelf{opacity:1;pointer-events:auto;transform:translateY(0)}.liveBox .inventory-card-touch-action{display:none}.liveBox.liveBox--context-reveal:hover .liveBox__visual{filter:blur(2px)brightness(.58);opacity:.76}.liveBox.liveBox--context-reveal:hover .liveBox__context-reveal{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.liveBox .inventory-card-action-shelf,.liveBox.liveBox--context-reveal .liveBox__visual,.liveBox.liveBox--context-reveal .liveBox__context-reveal,.liveBox .liveBox__context-action{transition:none}}.giveawayBox{background:linear-gradient(180deg, color-mix(in srgb, var(--giveaway-accent) 16%, transparent) 0%, transparent 58%), linear-gradient(180deg, var(--color-base-2) 0%, var(--color-base-1) 100%);border-top:2px solid var(--giveaway-accent);position:relative}